OverlayZoomBoxの無料ダウンロード

OverlayZoomBoxを無料でダウンロードできます。

OverlayZoomBoxのサンプル
https://www.1-firststep.com/samplephp/overlayzoombox/
OverlayZoomBoxのダウンロード
https://www.1-firststep.com/samplephp/overlayzoombox/overlayzoombox.zip

使い方の説明

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. ズームという演出の都合上、テキストリンクには動作しません。

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

アップデート履歴

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

添付ファイル機能付きメールフォーム

サイト内を検索
サイト運用事例
ダウンロード

ダウンロード一覧へ

Web制作のブログ

ブログ記事一覧へ

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