OverlayZoomBoxの無料ダウンロード

サムネイル画像をクリックすると拡大表示するスクリプト「OverlayZoomBox」を作りました。
無料でダウンロードできます。
OverlayZoomBoxのサンプル
OverlayZoomBoxのダウンロード

使い方の説明

1、OverlayZoomBoxをダウンロードし、解凍する。
2、overlayzoomboxフォルダごとアップロードする。
3、jquery.min.jsとoverlayzoombox.jsへのリンクをhead内またはbody内に記述する。
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="overlayzoombox.js"></script>
4、リンク画像のaタグにclass="overlayzoombox"を追加する。
<a href="" class="overlayzoombox"><img src="" alt="" /></a>

注意点

  1. スマートフォンにはあえて対応しないようにしてあります。
  2. ズームという演出の都合上、テキストリンクには動作しません。

無料で配布しているプログラムなのでサポートは基本的にありませんが、初期状態での設置に関してはサポートいたしております。
ご質問はサポートBBSからどうぞ。

アップデート履歴

2014/4/15 バージョン1.1
Safariでのズームに関するバグを修正。
2014/2/5 バージョン1.0
公開

サポートBBS

サイト内を検索
アップデート情報
サイト運用事例
提供サポート
メールフォーム

ダウンロード一覧へ

カレンダー

ダウンロード一覧へ

BBS

ダウンロード一覧へ

新着情報欄の更新
その他おすすめ

ダウンロード一覧へ

Web制作のブログ

ブログ記事一覧へ

カテゴリ別
制作者の詳細
  • 谷元博のブログ
  • Google+