OverlayZoomBoxの無料ダウンロード

  • 公開日 : 2014年2月5日
  • 最終更新日 : 2018年8月23日

サムネイル画像をクリックすると拡大表示するスクリプト「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
公開

このページと関連しているページ一覧

  1. ベーシックうんこ

    うんこまみれスクリプトの無料ダウンロード

    ボタンをクリックすると画面いっぱいにうんこが降り注ぎ、全国のチビッコ達が泣いて喜ぶ「うんこまみれスクリプト」を公開いたします。 もちろん私も自分のブログに設置しています。それが大人の紳士のた…[記事を読む]

  2. シンプルなBBSの無料ダウンロード

    PHPとJavaScriptでできているシンプルなBBSを無料でダウンロードできます。 主な特徴は以下のとおり。 ページの移動なしで入力チェック 返信機能。 ページング機能。(疑似) 書き込…[記事を読む]

  3. WordPressプラグイン版のレスポンシブ・メールフォームで自動挿入されるコードの解説

    WordPressプラグイン版のレスポンシブ・メールフォームを有効化した時に、ページに自動的に挿入されるコードの役割や取り扱いを解説します。[記事を読む]

  4. 全画面写真ギャラリースクリプトの画面

    全画面写真ギャラリーの無料ダウンロード

    ウインドウ全画面で写真を表示させるスクリプトを制作・公開いたしました。 こういうのを「ギャラリー」と呼ぶのか「スライドショー」と呼ぶのかよくわからないところではありますが、まぁあんな感じのも…[記事を読む]

  5. プラグインによって挿入されるJavaScriptファイルの読み込みを削除する方法

    プラグインによって自動的に挿入されるJavaScriptファイルの読み込みコードを削除する方法や、特定のページでのみ読み込ませる方法の解説。ページの軽量化のためには必須です。[記事を読む]

サポートBBS

サポートBBS

サイト内を検索
アップデート情報

この「アップデート情報」欄はコンテンツ・メーカーを使用して更新・表示しています。

サイト運用事例
提供サポートなど
メールフォーム

ダウンロード一覧へ

カレンダー

これはビジネスカレンダーのサイト組み込みサンプルです。
サンプル管理画面から定休日の変更操作ができます。
ご自由にお試しください。(ユーザ名はtani、パスワードは0000です)

ダウンロード一覧へ

新着情報欄の更新

ダウンロード一覧へ

BBS

ダウンロード一覧へ

その他おすすめ

ダウンロード一覧へ

Web制作のブログ

ブログ記事一覧へ

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