[JS]シンプル！軽量！簡単！三拍子揃ったスライドショーのスクリプト -jQuery.TinySlider
jQuery.TinySlider デモ [ad#ad-2] jQuery.TinySliderの実装 HTML スライドで表示されているイメージはdiv要素の背景画像です。 <div id="slider"> <div class="image" style="background-image: url(img/img1.jpg);">Simple</div> <div class="image" style="background-image: url(img/img2.jpg);">Light</div> <div class="image" style="background-image: url(img/img3.jpg);">Easy</div> </div> JavaScript 「jquery.js」と「jquery.slider.js」を外部ファイルとし、下記のスクリプト
コンテンツや画像を縦にスライドさせるJavaScript（MooTools）
トップページなどで狭いスペース内にコンテンツや画像を表示させる場合にjqueryのタブやスライダーを使用する事がありますが、このMooToolsのスクリプトも良いかもしれませんね。 参考サイト） Fantastic News Ticker Newsvine-like using Mootools DEMO 参考サイトのDEMOではコンテンツのタイトルと抜粋記事を縦にスクロールさせて表示しています。以下のDEMOは少しアレンジして画像で表示してみました。いろんな使い道がありそうですね。 バナー（468px × 60px）を縦にスライドさせたDEMO スクリプト「mootools.svn.js」を以下サイトよりダウンロード。 ダウンロード：http://woorktuts.110mb.com/newsticker/mootools/mootools.svn.js そして以下のJavaScrip
jQueryで自動でスライドするカルーセルパネルUIを作成する方法｜BLACKFLAG
以前、「jQueryでシンプルなカルーセルパネルスライドUIを作成する方法」と題して、 jQueryを使ってのシンプルなスクリプトでカルーセルUIを実装する方法を紹介しましたが カルーセル動作での自動でスライドするパターンの実装方法のリクエストをいただき、 以前のものをカスタマイズして、試しに作ってみたので紹介してみます。 まずは動作のサンプルから。 jQuery SIMPLE CAROUSEL AUTO SLIDE【SAMPLE】 5秒ごとにカルーセルパネルが自動でスライドします。 スライドは左右の矢印をクリックすることで動作させることも可能です。 並べられたコンテンツ要素（画像）は一つずつスライドし、 要素全体はループして表示されます。 このカルーセルパネルUIの全体構成について、 まずはHTMLから。 ◆HTML <div id="carousel"> <ul> <li><a hre
jQueryのかっこいいスライドショースクリプト28 – creamu
かっこいいスライドショーを作りたい。 そんなときにおすすめなのが、『28 Useful JQuery Sliders You Need To Download』。jQueryのかっこいいスライドショースクリプト集です。 かなりいい感じのものが揃っています。 Automatic Image Slider w/ CSS & jQuery CSSとjQueryで作られた、自動でスライドするギャラリー Animate Panning Slideshow with jQuery 大きい画像の一部がパンしながら移動するスライドショー SlideDeck jQuery plugin とてもかっこいいスライドショー。無料版と$99の有料版がある。Basecampのサイト等、実装例多数 jQuery Infinite Carousel スムーズな動きのカルーセル（イメージスライダー） Easy Slider
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
