2012-01-23 6 views
8

私はクライアント用に構築しているウェブサイトでjquery視差を使用する必要があります。私は主にバックエンド開発者ですので、フロントエンドとjqueryなどについてもっと学んでいます。しかし、http://www.nikebetterworld.com/やチュートリアル初心者が視差効果を作成するための信頼性の高い簡単なチュートリアルを見つけたのかどうか疑問に思っていたので、著作権問題が心配です。ありがとうjQuery視差チュートリアル?

答えて

15

、私は非常に遅れて相手にしていますが、単に恥知らずな自己宣伝:)のためにそこに別のものを投げるために、私は数日前に一緒に簡単なチュートリアルを置く:

http://blog.fraser-hart.co.uk/jquery-parallax-scrolling/

をあなたが」そこに何かに関する質問があれば、私にメッセージをポップアップさせてください。私はあなたが不確かなものを通してあなたに話すことができます。

+2

こんにちはフレーザー、うわー、どのように奇妙な、私は実際にあなたのプラグインを迎えた他の日:)私は言わなければならない仕事と私は私のプロジェクトで探していたものです。それははるかに効果的であり、私は実際にそれがどのように完了したかを理解しています:) –

+1

喜んで助けてくれました:私はスプライトアニメーションを組み込んだ今週の別のもので作業するつもりです。 – Fraser

+1

あなたが興味を持っている場合、これもいくつかの素敵なスプライトアニメーションを含めるためにこれを展開する新しい投稿を追加しました – Fraser

3

私はちょうど1だけjesterdayに作業が終了:) あなたが使用することを検討すべきである: http://johnpolacek.github.com/scrolldeck.js/または http://www.jarallax.com/demo/(アンドロイド上で動作します)そのそれでも

を開発されているので、完全に新しいプロジェクトを#its簡単にカスタマイズ可能なスクロールポイントの場合は、http://cssdeck.com/labs/swayiqbq/2(デフォルトのスクロールポイントを上書きしている間に非常に便利です(スクロール・デッキの中のスライドからスライドへ))

あなたがコードだけで作業しているのか、グラフィックとコードの両方で作業しているのかわからない場合、最初のシナリオでは、実際に視差効果を使用するためにこのことがどのように機能するかについてデザイナーに指導すべきです。 また、1024x768のようにすべてを1920x1080で魅力的に見せることは、場合によっては困難かもしれません。

+1

+1個人指導のデザイナーのために、物事は間違いなく厄介になる可能性があります! – DBUK

22

以前にこのスレッドで言及したすべてのもののために申し訳ありませんいくつかのチュートリアル、:

いくつかの、おそらく、視差とうまく仕事ができる便利なプラグイン:

I特にビューにスクロールするときにCSS3アニメーションをトリガするためのInViewプラグインなど。

そして、インスピレーションとコードスヌーピングのためのより多くの視差のウェブサイトのいくつかの素敵な例:

http://www.awwwards.com視差のウェブサイトがあふれているように見えます。

+1

すばらしいリンク、Thx! iPadsで実装できるParallaxの例に関する提案はありますか? –

+1

悲しいことに、私はiPadを持っていないので、iPadなどの視差は私にとっては異例です。 iOSに位置固定の問題はありませんか? – DBUK

3

は、ここで私はさまざまなウェブサイトから最高のラスタースクロールのチュートリアルのいくつかを集めている、あなたはそこから学ぶことができる http://johnpolacek.github.com/scrolldeck.js/