[JS]アコーディオンとカルーセルが合体したスライダーのスクリプト -Accarousel
伸び縮みするアコーディオンと回転木馬のようにスライドするカルーセルを合体させたスライダーを実装するjQueryのプラグインを紹介します。 jQuery Accordion with Carousel – Accarousel [ad#ad-2] Accarouselのデモ Accarouselの使い方 Accarouselのデモ デモはFirefox, Chrome, Safari, Opera, IE7+でご覧ください。 デモページ：4枚目をアコーディオン カルーセルは右下のナビゲーションでサムネイル画像をスライドさせます。 起点と終点があるのがちょっと残念。 [ad#ad-2] Accarouselの使い方 実装は簡単で、3ステップです。 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 ※スタイルシートはLESS版も用
これは面白い！jQueryで紙芝居のように画像をめくるJavaScript
Create a unique Gallery by using z-index and jQueryで紹介されている画像の見せ方が面白いので紹介します。 クリックするたび紙芝居のように画像がめくられていきます。 sponsors 使用方法 jQueryからjquery.jsをダウロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function() { var z = 0; var inAnimation = false; $('#pictures img').each(function() { z++; $(this).css('z-index', z); }); function swapFir
切り替え時のエフェクトが面白い画像ギャラリーJavaScript「Jquery Slider with transition effects」
切り替え時のエフェクトが面白い画像ギャラリーJavaScript「Jquery Slider with transition effects」 画像の切り替えが面白い画像ギャラリーがあったので、ご紹介します。 Jquery Slider with transition effects (bounce and switch effect)はモザイクをランダムに散らしたような感じで画像間の切り替えをさせられます。 sponsors 使用方法 Jquery Slider with transition effectsからファイル一式をダウンロードします。 <link rel="stylesheet" href="jfancytile.css" media="all" /> <script type="text/javascript" src="jquery-1.6.1.min.js"></scr
スマートフォンの画像ギャラリーにも使える！タッチでスライドさせられる「Roto」
昨今のスマートフォンブームで、対応を迫られることも多い、画像ギャラリーなどのスライド機能。 既存のギャラリー系JavaScriptだとタッチがうまく取れないこともあります。 そんな時は、Rotoを使用してみてはいかがでしょうか。 sponsors 使用方法 Rotoからファイル一式をダウンロード。 下記のようなHTMLがあるとします。 <div id="id名"> <ul> <li><img src="Image1.png" /></li> <li><img src="Image2.png" /></li> <li><img src="Image3.png" /></li> <!-- 以下画像分 --> </ul> </div> あとはJavaScriptを以下のように記述します。 <script type="text/javascript" src="jquery-1.6.1.min.j
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]1ページで構成されたサイトに豊富なコンテンツをスライドで表示するスクリプト -Slideme