1

いくつかのインライン画像を含む非表示の div があります。

<div id="mydiv" style="dispay:none;">
   <img src="data:image/jpeg;base64,..." />
      ...
   <img .../>
</div>

今、私はそれらの画像を表示するライトボックスを持ちたくありません。問題は、ほとんどのライトボックスの実装が、画像ファイルを指すアンカーを入力として受け入れることです。

Colobox はインライン html を使用できますが、複数の html フラグメントを使用してギャラリーのように (前と次のボタンを使用して) エクスペリエンスをレンダリングすることはできません。あなたはなにか考えはありますか：

  1. この種のデータを表示するようにカラーボックスを構成できる場合は?
  2. それを行う代替のjQueryプラグインはありますか?
  3. 実用的な解決策がない場合、これをすばやく実装するにはどうすればよいですか?

どんな助けでも大歓迎です。

4

2 に答える 2

1

Colobox、インライン html を使用できますが、ギャラリーをレンダリングするために複数の html フラグメントを使用することはできません

確かにそれはできます。このようなものが機能するはずですが、他の代替手段もあります。

$('#mydiv img').colorbox({
    rel:'my-group', 
    inline: true,
    open: true,
    href: function(){ return this; }
});
于 2013-02-21T08:52:59.857 に答える
0

非表示のコンテンツが表示されることに基づいて機能するライトボックスがいくつかあるはずです (マークアップをそのままにしておくことが重要な場合)。Bootstrap Lightboxはその 1 つです。

しかし、すでに Colorbox をお好みであれば、それで十分に機能すると確信しています。このデモでは、複数の画像が呼び出される例を紹介しています。データ URI に問題がある場合は、それをリンクとして使用できます — グループ内の他の画像に個別のリンクを用意する必要がある場合は、それらを非表示にすることができdisplay:noneます (現在使用しているのと同じです)。あなたのとやっているimg）。

于 2013-02-20T14:22:31.903 に答える