jQueryで実現するスライドショー&フォトギャラリーBest20「20 Best jQuery Slideshow / Photo Gallery Plugins」
jQueryで実現するスライドショー&フォトギャラリーBest20「20 Best jQuery Slideshow / Photo Gallery Plugins」 javascriptを利用した非常に高機能なライブラリjQuery。利用者も多く、日々新しいプラグインがリリースされており、便利に使えるので、WEB制作の現場でもにjQueryを利用して構築するということも多いと思います。今日紹介するのはjQueryのプラグインの中でも利用頻度の高い、ギャラリーやスライドショーのプラグインを集めたエントリー「20 Best jQuery Slideshow / Photo Gallery Plugins」。 1. Galleria 今回は紹介されているスライドショー&フォトギャラリープラグインからいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■2. Galle
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
jQueryとPHPで作るサムネイルがスライドするギャラリー – creamu
サムネイル表示のあるフォトギャラリーを作りたい。 そんなときに参考になるのが、『Fresh Sliding Thumbnails Gallery with jQuery and PHP』。jQueryとPHPで作るサムネイルがスライドするギャラリーです。 マウスオーバー状態でカーソルを動かすことで、サムネイルをスライドさせることができます。クリックすると、大きくプレビュー表示されますね。 右上のドロップダウンで、アルバム管理もできるようなので、複数のセットを見せることができます。 デモは以下から。 View demo ソースもダウンロードできるので、一度見てみてください。 Fresh Sliding Thumbnails Gallery with jQuery and PHP iPhone版も作られています。 Awesome Mobile Image Gallery Web App やっと
【jquery】カウントダウン | PIYOPI-YO 〜プログラマー風メモブログ〜
昨日、カウントダウンに関しての投稿した記事を投稿しました。 しかし、jqueryを使うと数倍楽に書けることを知りました。 下準備として下記ページでファイルをダウンロードし任意の場所に設置し読み込んでください。 http://keith-wood.name/countdown.html またjqueryの元ファイルは以下のように書けば読み込むことができます。 <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.2.6");</script> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scal
jqueryでアコーディオンメニューを作る
アコーディオン1 こんにちは、ぼくはアコーディオン1号です。 アコーディオン2 こんにちは、ぼくはアコーディオン2号です。 アコーディオン3 こんにちは、ぼくはアコーディオン3号です。 html <dl> <dt>アコーディオン1</dt> <dd>こんにちは、ぼくはアコーディオン1号です。</dd> <dt>アコーディオン2</dt> <dd>こんにちは、ぼくはアコーディオン2号です。</dd> <dt>アコーディオン3</dt> <dd>こんにちは、ぼくはアコーディオン3号です。</dd> </dl> $(function () { $("dd:not(:first)").css("display","none"); $("dt:first").addClass("select"); $("dl dt").click(function(){ var cont = $(this).nex
写真をめくるように動くスライドショー (jQuery Cycle Plugin) -稀によくあるブログ
サンプル 設置も簡単で軽快に動いてくれるギャラリーです。 オプションが色々あってカスタマイズすることにより、オリジナリティのあるギャラリーにすることも出来るようです。 <script type="text/javascript" src="http://blog-imgs-32.fc2.com/d/i/s/dispersalblog/jquery_slide_02.js"></script> <script type="text/javascript" src="http://blog-imgs-32.fc2.com/d/i/s/dispersalblog/jquery_slide.js"></script> <script type="text/javascript"> $(function() {$('.任意のid').cycle({ fx:'shuffle',
jQuery Cycle Plugin | Webサイト制作支援 | ShanaBrian Website
jQuery Cycle Pluginの使用方法をご紹介します。 jQuery Cycle Pluginは様々な効果でスライドショーを簡単に実装できるjQueryライブラリです。 公式サイト ※ このライブラリは、jQueryが別途必要です。 目次 ダウンロードと設置 JavaScriptの読み込み 適用方法 オプションの設定 ページネーションの設置方法 オプション 効果一覧 ダウンロードと設置 こちらからダウンロードします。 ダウンロードしたJavaScriptファイルを任意の場所に設置します。 JavaScriptの読み込み 任意の場所に設置したjQueryとjQuery Cycle PluginのJavaScriptファイルを読み込みます。 パスは環境に応じて変更してください。 HTML <script src="js/jquery.min.js" type="text/javasc
画像を左右にスクロールさせられるJavaScript「jQuery Smooth Div Scroll」
twitter facebook hatena google pocket 画像ギャラリーを作る際にLightBoxを使用する人は多いでしょう。 しかし飽き飽きしている人も多いのも確かです。 たまにはjQuery Smooth Div Scrollのように左右にスクロールさせるのはいかがでしょか？ sponsors 使用方法 jQuery Smooth Div Scrollからjquery.smoothDivScroll-0.6.jsや画像、CSSファイルを、jQueryからjquery.jsをダウロードしましょう。 またjquery.scrollToからjquery.scrollTo.jsをダウロードします。 <link rel="stylesheet" type="text/css" href="smoothDivScroll.css" /> <script type="text/ja
画像ポップアウト・イメージギャラリー・スライドショー｜jQuery plugin｜Ajax｜PHP & JavaScript Room
Lightweight Circle slideshow〔くるくる回して画像を切り替える円形のイメージギャラリー〕 Smooth Div Scroll〔水平方向に並べた画像をマウス操作でするするスクロール〕 Nivo Slider〔9種類のエフェクトがかけられるイメージスライダー〕 Galleriffic〔画像ギャラリーをリッチかつ高速にレンダリング〕 IMGPREVIEW〔マウスオーバーでリンク先の画像をプレビュー表示〕 jQuery largePhotoBox plugin〔大きな画像対応ポップアップ（マウス移動で画像全体を閲覧可能）〕 PIROBOX〔シンプルかっこいい画像ポップアップ〕 bxGallery〔シンプルな画像ギャラリー〕 A Simple jQuery Slideshow〔シンプルなスライドショー〕 Accessible News Slider〔全件表示や件数に応じて前
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryでの開閉式のアコーディオンの動きいろいろ | CSS Lecture
jQueryサンプル集 | DesignWalker