Touch-Gallery


Description: ややニッチな用途です。iPadや、iPhoneのようなタッチデバイス向けのLightbox系プラグイン。縦でも横でも画像幅を自動で最適化してくれます。グループにすればフリックでスライドさせることが出来ます。jQuery Mobileなんかと併用するのもいいかも知れませんね。
Sample: demo
Tutorial: Touch-Gallery
License: -

Note

 <div id="gallery">
      <a href="image1.jpg">
        <img src="thumb1.jpg" />
      </a>
      <a href="image2.jpg">
        <img src="thumb2.jpg" />
      </a>
      <a href="image3.jpg">
        <img src="thumb3.jpg" />
      </a>
    </div>

    <script>
      $('#gallery a').touchGallery();
    </script>

スクリプトを画像の後ろに持ってこないと動作しません。

Related snippet :

  • Description: 横幅全体を使ったダイナミックなイメージギャラリーです。IE6以外はかなり素敵な表現が出来そう。アニメーションしながらズームし、そのままスライドショー ...
  • Description: 全画面をギャラリーとして使うプラグイン。左サムネイルで大きな画像を切り替えます。マウスの動きに合わせてサイドスライド、全画面に画像を表示します。その ...
  • Description: 画面全体を使った3Dギャラリーです。IE6では表示されませんでしたが、7では動作してくれました。画像はドラッグで移動可能です。インパクト有りますね・ ...
  • Description: シンプルなLightbox系プラグインです。汎用的なデザインで使いやすく、カスタマイズもしやすそうです。 Sample: demo ...
  • Description: ボタンのクリックでLightbox風にギャラリーごとポップアップさせるプラグインです。ポップアップ以外にスライドダウン形式も用意。呼び出されるギャラ ...
  • Description: サムネイルを含めることが出来るクロスブラウザ対応のLightbox系プラグインです。多機能で画像やFlashだけでなく、YoutubeやVimeoな ...
  • Description: タブをクリックするとスライドしながら出現するコンタクトフォームを実装出来ます。フィードバック用にもいいですね。 Sample: demo ...