htmlとjQueryで画像のスライダーを作る方法
※2012/04/17 リンク先のサイトが関係ないサイトになっていましたので、リンクを外しています。
CSSとｊQueryで画像のスライダーを作れる「Automatic Image Slider」のご紹介です。
以下のようなスクリプトを設置する事で動作するようです。
03 | $(".paging a:first").addClass("active"); |
06 | var imageWidth = $(".window").width(); |
07 | var imageSum = $(".image_reel img").size(); |
08 | var imageReelWidth = imageWidth * imageSum; |
11 | $(".image_reel").css({'width' : imageReelWidth}); |
iPadなどのFlashをサポートしないデバイスが登場してくると、HTMLのみのギャラリーが増えそうですよね。
サイトにはチュートリアルが紹介されているので、興味のある方はご覧になってみてください。
この記事が気に入ったら
いいね！しよう
最新情報をお届けします
