jQueryを使ったスライドショー「AD Gallery」のカスタマイズ。 - ヌコの日記
web-Tips, jQuery現在恐らく今の会社の最後の仕事になろう、ある地方の小さな注文住宅のWEBサイトを受けており、そこの実績紹介のページにAD Galleryをカスタマイズして導入したのでそのTips紹介に挑戦してみようと思います。まだ完全に解析しきってない部分もあるのですがご容赦下さい。Tipsの内容が分かりにくかったらブログのコメントでご連絡下さい。私も勉強になるので大歓迎です。（但しお手柔らかに）※現在Twitterアカウントは休止中（2010/02/10現在）。 さて『AD Gallery』とはjQueryを使ったAjaxスライドギャラリーです。 デモページはこちら | AD Gallery デモページに行くとサムネールが並んだスライダーの下のプルダウンメニューで動作のデモを見ることができます。この動作を選ぶことでサムネールの画像の上に表示されるメインの画像の遷移のパター
jQueryでサムネイル付きスライドショーをシンプルに作成する方法｜BLACKFLAG
以前にここで「jQueryでシンプルなサムネイル付き画像ビューアーを作成する方法」と題して、 jQueryでの画像切替ビューアーを紹介しましたが、 これを応用して、自動で画像エリアが切り替わる シンプルな画像スライドショーを作ってみたのでご紹介。 まずは動作のサンプルから。 ※全体構成は以前の記事の物と同じにしてあります。 jQuery SIMPLE SLIDESHOW【SAMPLE1】 4枚の画像が自動でクロスフェードしてスライドショーとして切り替わり、 下部に並べてあるサムネイルをクリックすることで 特定のビジュアルに切り替えることも出来ます。 全体構成についてHTMLから。 ◆HTML <div id="slideshow"> <div> <div><a href="#1"><img src="img/photo01.jpg" width="400" height="300" alt
画像ポップアウト・イメージギャラリー・スライドショー｜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ページを開く
dev7studios
