ライトボックスの div 内のすべての画像を開く方法を見つけようとしています。div は picasa アルバムから画像を取得しているため、各リンクを個別に編集することはできません。
私にとっては、特定のファイルタイプのすべてのリンクをライトボックスで開くこともできます。
ありがとう!
ライトボックスの div 内のすべての画像を開く方法を見つけようとしています。div は picasa アルバムから画像を取得しているため、各リンクを個別に編集することはできません。
私にとっては、特定のファイルタイプのすべてのリンクをライトボックスで開くこともできます。
ありがとう!
あなたの要件を満たすきれいなギャラリーを試してみてください。フォト ギャラリーのデモ。
ボタンをクリックして、pikaChoose のフォト ギャラリーに拡大ボタンを作成しました。ギャラリーをライト ボックスに表示します。pikaChooseからの表示用コードは
jQuery(".pika-stage #enlarge a").live('click',function(){
jQuery.fn.prettyPhoto();
jQuery.prettyPhoto.open(api_gallery,api_titles,api_descriptions);
return false;
});
これがあなたに役立つことを願っています
ライトボックスを使用できます: http://lokeshdhakar.com/projects/lightbox2/
例 (head の最初の 3 行 - imgs フォルダーに閉じるボタンのような画像があることを確認してください):
<script src="jquery-1.11.0.min.js"></script>
<script src="lightbox.min.js"></script>
<link href="css/lightbox.css" rel="stylesheet" />
<a href="img/image-2.jpg" data-lightbox="roadtrip">Image #2</a>
<a href="img/image-3.jpg" data-lightbox="roadtrip">Image #3</a>
<a href="img/image-4.jpg" data-lightbox="roadtrip">Image #4</a>
picasa を使用しているため、href を画像への適切なリンクに変更します。PHP を使用している場合は、echo などで for ループを使用します。