タグ

写真・画像とライブラリに関するlesser28のブックマーク (1)

  • jQueryでシンプルなサムネイル付き画像ビューアーを作成する方法|BLACKFLAG

    jQueryでの画像ビューアー用プラグインはたくさん公開されていますが、 単純にサムネイルを並べて、クリックしたらメインビジュアルが切り替わる シンプルなスライドショー的ビューアーを作ってみたので紹介してみます。 まずは動作のサンプルから。 サムネイル画像をクリックしてください。 jQuery SIMPLE IMAGE VIEWER【SAMPLE】 「jQueryでシンプルなサムネイル付き画像ビューアーを作成する方法」サンプルを別枠で表示 下部に並べてあるサムネイルをクリックすると メインビジュアル部分がクロスフェードして切り替わります。 (自動でスライドする動作などは今回は付けていません。) サムネイルは透過具合でアクティブ状態か、 そうでないかを変化させています。 全体構成についてHTMLから。 ◆HTML <div id="viewer"> <div> <img src="img/p

    jQueryでシンプルなサムネイル付き画像ビューアーを作成する方法|BLACKFLAG
  • 1