最終的に、gallerfic でライトボックスを動作させることができました。CSS サポートを含む、画像の base/standard であるshadowboxを使用しています。
クライアントのニーズに合わせて、画像の下にリンクを追加しても問題ありませんでした。そのために、「ダウンロード」div を使用して、image-wrapper div に示されているのと同じ画像へのリンクを追加しました。(PHP/MySQL を使用してデータベースから画像を抽出しているため、<li>
セクションにループがあります)。
最初の直接的な実装では、リンクは機能しますが、ライトボックスは表示されません。リンクをたどってsrc
同じウィンドウに画像を表示するためのリンクしか取得しませんでしたが、リンクに特定rel="lightbox"
のリンクがありました。戻るボタンを押してリンクをもう一度クリックすると、ライトボックスが実際に機能することに気付きました! いくつかの調査の後、プリロード イメージの問題であると推測しました。したがってimg
、ダウンロードの ligthbox 対応リンクの上にタグを追加しdiv
、width="0"
とをheight="0"
追加しました。これによりborder="0"
、実際にはページに画像が読み込まれますが、非表示モードになります。
また、シャドウボックスのロードが早い段階でギャラリフィックによってアンロードされるのを回避するためonmouseover="shadowbox.init();"
に、ダウンロード div に追加して、イメージ ラッパーでのイメージのロード後に再度ロードされるようにしました。
少しごまかしていることは認めますが、うまくいきます。それがあなたのために働くかどうか私に知らせてください