[JS]アニメーションで動作する画像ギャラリーの超軽量すぎるスクリプト -Rhinofader
実用的なオプションを備えた、フェードのアニメーションで切り替わる画像ギャラリーを実装するjQueryのプラグインを紹介します。 操作方法は自動・手動の2つです。 左下のアイコンで再生・停止、左右の矢印アイコンで画像を前後に切り替えます。 Rhinofaderの実装 HTML 画像はリスト要素で実装します。 <ul id="slideshow"> <li><img src="images/001.jpg" alt="" /></li> <li><img src="images/002.jpg" alt="" /></li> <li><img src="images/003.jpg" alt="" /></li> <li><img src="images/004.jpg" alt="" /></li> <li><img src="images/005.jpg" alt="" /></li> <
思わず
twitter facebook hatena google pocket 画像ギャラリーは数あれど、ここまで高機能なライブラリはなかったのではないでしょうか。 jQueryプラグインのDiapoは多くのエフェクトやスマートフォン対応、円型メーター、ナビゲーション、ページネーション、サムネイル表示などの機能や各種設定を細かくできます。 困った時はまずこのプラグインを検討してみるのもいいかもしれません。 sponsors 使用方法 Diapoからファイル一式をダウンロード。 <link rel="stylesheet" href="diapo.css" type="text/css"> <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="j
マス目状の画像ギャラリーを作成できるjQueryプラグイン「Mosaiqy: a nice jQuery plugin」
twitter facebook hatena google pocket 画像ギャラリーを使用する際に、多くの画像を一覧で見せたいという希望があるかもしれません。 従来までのものだと、初期時にあまり多くを非表示できませんでした。 そこで、一度に多くの画像を見せられるjQueryプラグインMosaiqy: a nice jQuery pluginを紹介します。 sponsors 使用方法 Mosaiqy: a nice jQuery pluginからファイル一式をダウンロード。 まずhead内に下記を記述します。 <!--[if lt IE 7]> <html class="no-js ie6" lang="en"> <![endif]--> <!--[if IE 7]> <html class="no-js ie7" lang="en"> <![endif]--> <!--[if IE
必要最低限でよさげな画像ギャラリーJavaScript「Craftyslide」
twitter facebook hatena google pocket 最近は機能もファイルサイズももっさりな画像ギャリーJavaScriptが増えていますが、Craftyslide - A tiny jQuery slideshow pluginは2kbかつシンプルな記述で必要最低限な表現が可能です。 sponsors 使用方法 Craftyslide - A tiny jQuery slideshow pluginからファイル一式をダウンロード。 <link rel="stylesheet" href="craftyslide.css" /> <script src="jquery-1.6.1.min.js" type="text/javascript"></script> <script src="craftyslide.js"></script> <script> $(docu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
