UXDE dot Net

ワードプレス用のjQuery画像拡大スクリプトの比較&動作サンプル

いわゆるlightbox系と呼ばれるスクリプトを実際の導入サイトと共にまとめました。
(ウェブサイト用ではなく、ワードプレスのプラグインです。)

画像をクリックした際にその画像ファイルのURLへ直接飛ぶのではなく、背景が暗くなって画像が浮かび上がってくるように表示されるアレです。

実際に導入しているサイトへリンクしてあるので動作確認にどうぞ!

WP-prettyPhoto

wp-prettyphoto

細かい設定&調整も可能で、動作もキレイです。
WP-Slimbox2 Plugin

wp_slimbox2_plugin

ポップアップ時の背景色やサイズなどの調整が可能です。
Shadowbox JS

shadowbox_js

画像サイズや動作対象ファイルの選択も可能、動作はシンプルです。
Fancybox

fancybox

設定変更などは出来ませんが動作が早く、余計な表示もなくシンプルです。
Auto Highslide

auto_highslide

拡大した画像を掴んで移動できる事が他のプラグインと大きく違う点です。
設定変更などは出来ませんが、動作も軽くユーザビリティを損なわない仕様だと思います。
jQuery Colorbox

jquery_colorbox

このブログで使用しています。画像サイズ、背景パターン、動作などとても細かい設定が出来ます。
WP Facebox

wp_facebox

動作・表示共にシンプルです。設定変更は出来ません。
WP FancyZoom

wp_fancyzoom

背景色はそのままで、画像だけがポップアップされたような表示になります。カスタムはできません。
WP SexyLightBox

wp_sexylightbox

上から画像がニョコっと出てきます。とても面白い動作です。
このエントリーをはてなブックマークに追加
はてなブックマーク - ワードプレス用のjQuery画像拡大スクリプトの比較&動作サンプル
[`yahoo` not found]
[`yahoo_users` not found]

1件のコメント to ワードプレス用のjQuery画像拡大スクリプトの比較&動作サンプル

コメントを残す

メールアドレスが公開されることはありません。