JavaScriptでスライドショー。サンプル

JavaScriptでスライドショー。サンプルありませんか

JavaScript、もしくは(FLASHなどの)アドオンが必要ない何らかの手段でスライドショー的なモノを作りたいです。


例えばYahoo!ニュースの写真付きの記事
http://headlines.yahoo.co.jp/hl?a=20111101-00000 …
真ん中に写真があり、左右にボタンが付いていて、押せば前や次に移動できる。

こういうヤツのサンプルがあれば紹介して下さい。

要件は以下です。
・真ん中に写真があり、左右にボタンが付いていて、押せば前や次に移動できる。
・写真をクリックするとURLにジャンプする。
・できるだけスタイリッシュ。
・無料
以下の機能があればなお嬉しいです。
・自動的にスクロールする機能がある。


以上、宜しくお願いします。

No.1 ベストアンサー 回答者： fujillin 回答日時： 2011/11/01 14:32

検索すれば、サンプルは山ほど見つかると思います。

ライブラリ化されているものも沢山作られていると思いますし、オプションも設定できるようになっているものなど種々様々です。

＞何らかの手段でスライドショー的なモノを作りたいです。
自作するのが目的なのか、使うのが目的なのかどちらでしょうか。

自作ならいくつかのサンプルを見て、参考にしながら作るのがよいかも。
当然ながら、要求条件を満たしたものにできることでしょう。
使いたいだけなら、検索していろいろ試して良さそうなものを探せばよろしいかと。
（リンク機能付きのものがあるかどうかは不明）


以下、適当に検索して引っかかったもの
http://www.geocities.jp/miyake_kobo/js/index.html
http://acidjs.wemakesites.net/pages/image-slider …
http://demos.flesler.com/jquery/scrollShow/
http://www.agilecarousel.com/
http://www.electricprism.com/aeron/slideshow/
http://wowslider.com/demo.html?affid=331J-S9
http://malsup.com/jquery/cycle/
http://www.gmarwaha.com/jquery/jcarousellite/
http://www.twospy.com/galleriffic/index.html
http://www.ezjquery.com/cgi-bin/webapp.rb?r=acce …
http://www.skuare.net/test/jGallery.html
http://visuallightbox.com/lightbox-mac-style-dem …
http://www.tomhoppe.com/index.php/2008/05/vir-al …

この回答へのお礼

自力でも半日ほど探しましたが、適切なモノを見つける事ができませんでした。



＞http://www.geocities.jp/miyake_kobo/js/index.html

知ってました。
有料でした。


＞http://acidjs.wemakesites.net/pages/image-slider …

ページを見ても良く分かりませんでした。


＞http://demos.flesler.com/jquery/scrollShow/

一応、アリですが、デザインが微妙でした。


＞http://www.agilecarousel.com/

これは、希望にほぼ近いのがありました。


＞http://www.electricprism.com/aeron/slideshow/

少し分かり辛いページでした。


＞http://wowslider.com/demo.html?affid=331J-S9

結構良さそうなのがありました。


＞http://malsup.com/jquery/cycle/

よく分かりませんでした。


＞http://www.gmarwaha.com/jquery/jcarousellite/

一応、アリですが、微妙でした。


＞http://www.twospy.com/galleriffic/index.html

よく分かりませんでした。


＞http://www.ezjquery.com/cgi-bin/webapp.rb?r=acce …

よく分かりませんでした。


＞http://www.skuare.net/test/jGallery.html

よく分かりませんでした。


＞http://visuallightbox.com/lightbox-mac-style-dem …

アリですが、ポップアップ系で用途が少し違いました。


＞http://www.tomhoppe.com/index.php/2008/05/vir-al …

アリですが、ポップアップ系で用途が少し違いました。



助かりました。

お礼日時：2011/11/01 15:52