サイト演出系のオプション紹介向陽デジタルワークス

画像の拡大(lightcase)

  • Chrome
  • Firefox
  • IE11
  • IE9
  • iPhone(iOS6)
  • iPad(iOS7)
  • Android4.2
  • レスポンシブ対応可能
  • 特定のウインドウサイズ以下で画像を拡大させないことも可能
  • テキストや動画、iframeを入れることも可能
  • alt属性は、拡大時にキャプションとして表示されます。

画像をクリックで拡大します

aタグに「data-rel="lightcase"」を追加します。

サンプル

画像をクリックで拡大します(ページ送り有り)

グループにしたいaタグに「data-rel="lightcase:myCollection"」を追加します。
「myCollection」はグループ毎に名前を変更する必要があります。

サンプル1 サンプル2 サンプル3

ページの先頭へ