-

Appleのサイトの様な、動きのあるスライドショーの作り方を探しています。ライブラリなどで対応できるものでしょうか? イチから書こうとしているのですがなかなか上手くいきません。
www.apple.com/jp/iphone/

みんなの回答 7 件

名無しさんの回答

こんなかんじですかね?いちからこれは難しそうですね〜。

Awesome slideshow effect with jQuery | image slideshow .

http://www.htmldrive.net/items/show/1198/Awesome-slideshow-effect-with-jQuery
名無し

早速ありがとうございます!すごく良いのですが、やはりIE対応は難しいですかね。IE8以降でも動くものを作りたいのですが、なかなか良いサンプルにも巡り合えません。AppleもIEは非対応みたいですね。

名無し

あらら…IE8ではベタ画像で対応ってなわけにはいきません?大事な文字が読めなくなるとかでなければIEは無視していいのでは…。とはいえあるといいですね、IE8対応素敵スライドショー。

名無し

PIEは?

名無し

IE9.jsという手もありますね〜。

名無しさんの回答

↑です。違う感じですが、おもしろい動きのスライドショーいくつかあったので貼っていきますね。IE8対応かは未チェックです〜

jQuery Scroll Path

http://joelb.me/scrollpath/
名無しさんの回答

↑です。これもIE8未確認ですが…

scrollorama

http://johnpolacek.github.com/scrollorama/
名無しさんの回答

↑です。Appleスタイルなスライドショーありました!これもIE8はどうかな・・
Sequence.js その①。 sequencejs.com

Sequence Theme Demo - Apple Style

http://www.sequencejs.com/themes/apple-style/
名無し

↓を追加した後に気付きました〜IE7以降サポートしてるようです!しかもレスポンシブ…これはいいんじゃないでしょうか!っていうか画像にもろ書いてありましたね(;´∀`)

名無しさんの回答

↑です。パララックスなスライドショー。あ、いま気付いたんですけど、Sequence.jsはIE7からサポートしているみたいですよ!やったー
Sequence.js その②。 sequencejs.com

Sequence Theme Demo - Sliding Horizontal Parallax

http://www.sequencejs.com/themes/sliding-horizontal-parallax/
名無しさんの回答

↑です。シンプルに交差するスライドショー。見事にレスポンシブ。
Sequence.js その③。 sequencejs.com
ではこの辺でおいとまします!トピ主さんもいいのがあったら(IE8以外でも)教えてくださいネ!

Sequence Theme Demo - Modern Slide In

http://www.sequencejs.com/themes/modern-slide-in/
名無し

多数教えて頂きましてありがとうございます!IE対応は厳しいですね。このサイトは対応しているのですが、どうやっているのか調べるのに時間が掛ってます。なかなかライブラリで見つからないという事は難しい作業なんでしょうね。もう少し調べてみます!www.kendoui.com/

名無し

Sequence.jsはIE8対応してますよ〜。 kendou UIいいですね!ありがとうございます〜

名無しさんの回答

スライダーは自作されている方を参考にして、オブジェクトの動きに関してはIE対応できるものを作る事ができました。色々と教えて頂きましてありがとうございます。

名無し

すごい!お疲れ様でした〜!

最終更新日:2012-08-16 (13,143 views)

関連するトピックス

ページ上部に戻る