, wie zwei Galerien hinzuzufügen auf einer Seite mit Leuchtkasten-0.5

Question

Wie fügt zwei Galerien auf einer Seite mit Leuchtkasten-0.5 meine Codes sind in the jsfiddle

<div id="thumbnails"> 
    <ul class="clearfix"> 

     <li><a href="http://thumb9.shutterstock.com/display_pic_with_logo/64681/296369042/stock-photo-common-modern-business-skyscrapers-high-rise-buildings-architecture-raising-to-the-sky-sun-296369042.jpg" title="Travancore Opus Highway Apartments" rel="lightbox"><img src="http://thumb9.shutterstock.com/display_pic_with_logo/64681/296369042/stock-photo-common-modern-business-skyscrapers-high-rise-buildings-architecture-raising-to-the-sky-sun-296369042.jpg" alt="turntable"></a></li> 
     <li><a href="http://thumb1.shutterstock.com/display_pic_with_logo/64681/296369060/stock-photo-sun-reflecting-in-a-usual-modern-business-skyscraper-high-rise-building-architecture-raising-to-296369060.jpg" title="Travancore Opus Highway Apartments" rel="lightbox"><img src="http://thumb1.shutterstock.com/display_pic_with_logo/64681/296369060/stock-photo-sun-reflecting-in-a-usual-modern-business-skyscraper-high-rise-building-architecture-raising-to-296369060.jpg" alt="turntable"></a></li> 
    </ul> 
    </div> 

Pls Hilfe ..

Answer 1

Sie haben zu schreiben, um ein zwei separaten <ul> Elemente für diese

zum Beispiel:

<!-- one set of images --> 
<ul class="gallery1"> 
    <li><a href="image2.jpg" rel="lightbox"><img src="thumb2.jpg"></a></li>  
    <li><a href="image3.jpg" rel="lightbox"><img src="thumb3.jpg"></a></li>  
    <li><a href="image4.jpg" rel="lightbox"><img src="thumb4.jpg"></a></li>  
</ul> 
<!-- another set of iamges --> 
<ul class="gallery2"> 
    <li><a href="image2.jpg" rel="lightbox"><img src="thumb2.jpg"></a></li>  
    <li><a href="image3.jpg" rel="lightbox"><img src="thumb3.jpg"></a></li>  
    <li><a href="image4.jpg" rel="lightbox"><img src="thumb4.jpg"></a></li>  
</ul> 

EDIT:

Verwenden Sie unten Javascript auch.

$(function() { 

     $('.gallery1 a[rel*=lightbox]').lightBox(); 
     $('.gallery2 a[rel*=lightbox]').lightBox(); 
    });