1枚の画像をクリックすると複数の画像が表示されるモーダルウィンドウプラグインを探しています。

Question

下記Fancyboxサイトの「Image gallery」が理想です。
http://fancybox.net/home

ただ、Fancyboxは商用有料という事なので、新しいプラグインを探しています。

【元から複数画像が並んでいる→クリックするとモーダル表示→次の画像へ切り替え】
というLightbox系のプラグインは多いのですが、
【1枚の単体画像→クリックするとモーダル表示→次の画像へ切り替え】
というプラグインを探しても中々見つかりません。
使用用途としてはバナーをクリックするとパンフレット画像がモーダルで見れるようにしたいです。

当方jquery初心者でして、自力で書く事はできません…。
どなたか近いものや参考になるプラグインお教えいただけませんでしょうか？

何卒よろしくお願い致します。

fujillin · Accepted Answer

No1です。反応が何も無いようなので、もうとっくに解決済みなのかも知れませんが・・・適当に探して、APIが公開されている「Magnific Popup」というもので試してみました。（ライセンスは、MIT licenseと記されています。） http://dimsemenov.com/plugins/magnific-popup/ オプションでいろいろと設定できるようですが、最小限でテストしいます。ご質問の内容は以下のようなイメージではないかと・・・表示スタイル等はオプションで設定可能と思います。（ほとんど調べていませんが） http://dimsemenov.com/plugins/magnific-popup/documentation.html オプションで、　modal: true に設定するとモーダル表示になるとの説明がありますが、多分、質問者様のおっしゃっている「モーダル表示」とは違う意味ではないかと想像します。以下はテストしてみた全文です。（表示画像をクリックすると、A、B、Cの画像がグループで順に表示される） Sample

※ この掲示板ではURL（CDNのURL)が、リンク表示に変えられて、省略表示されてしまいますのでご注意。 ※ No1にも記しましたが、他のライブラリでもAPIが公開されているようなタイプであれば、大抵同様のことが可能と想像します。

fujillin · Answer

こんにちは

試してはいませんが・・・

＞【元から複数画像が並んでいる→クリックするとモーダル表示→次の画像へ切り替え】
＞というLightbox系のプラグインは多いのですが、
その手のライブラリのほとんどは、「画像のグループ化」に対応しているものが多いと思います。
ご質問のように、
＞【元から複数画像が並んでいる】
を一つだけ表示するようにするとか、多少の工夫で実現できるように思います。
トリガー（モーダル表示のきっかけ）を別に設定できるようになっているタイプのものであれば、画像でなくとも単なるリンクをクリックしたら、画像表示することも可能なはずです。

例えば、lightboxでもそのままで実現できるみたい。（←未確認ですが）
https://teratail.com/questions/11505

FancyboxでもAPIが公開されていますので、仮にそのままの機能にはなかったとしても、比較的簡単に実現できそうに思います。
http://fancybox.net/api

1枚の画像をクリックすると複数の画像が表示されるモーダルウィンドウ プラグインを探しています。

No1です。

こんにちは

このQ&Aを見た人はこんなQ&Aも見ています

関連するカテゴリからQ&Aを探す

このQ&Aを見た人がよく見るQ&A

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

1枚の画像をクリックすると複数の画像が表示されるモーダルウィンドウプラグインを探しています。