ライトボックス内のdiv内のすべてのリンクを開く

Question

ライトボックス内のdiv内のすべてのイメージを開く方法を理解しようとしています。 divはピカサのアルバムから画像を取り込んでいるため、個々のリンクを個別に編集することはできません。

ライトボックスで特定のファイルタイプのすべてのリンクを開くことができます。

ありがとうございます！

Answer 1

あなたの要件を満たすきれいなギャラリーをお試しください。 Demo for photo gallery。

pikaのフォトギャラリーに拡大ボタンを作成しています。ボタンをクリックすると、ギャラリーがライトボックスに表示されます。持っているようにしてください - 頭の中で最初の3行は、（例えばhttp://lokeshdhakar.com/projects/lightbox2/

：pikaChooseから表示用のコードは、私はあなたをライトボックスを使用することができ、これは

Answer 2

あなたに有用である可能性を期待

jQuery(".pika-stage #enlarge a").live('click',function(){ 
      jQuery.fn.prettyPhoto();    
      jQuery.prettyPhoto.open(api_gallery,api_titles,api_descriptions); 
      return false; 
      }); 

です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ループを使用してください。