How to enable next and previous images for lightbox 0.5 JS library?

[ilya Kraft]

Ok, I have a portfolio page on my website and i added lightbox to view pictures of it, everything works fine, but when i press "next" or "previous" buttons it doesn't load next image.

http://idaderko.netai.net/portfolio.html

here is my portfolio page, so you can understand what i mean, click on any image (not first 2 those are links to websites).

here is what i putted for lightbox to display:

<div id="gallery"> 
                 <ul class="gallery"> 
                   <li> 
                    <a href="css/images/Ney_York_Colours_BW.jpg" class="thumb"><span><img src="css/images/city_thumbian.jpg" 
                    alt="colour city" /></span></a> 
                    <h2><a href="#">City</a></h2> 
                    </li> 
                   <li> 
                    <a href="css/images/Shoe_painting.jpg" class="thumb"><span><img src="css/images/shoe_thumbian.jpg" 
                    alt="shoe paint effect" /></span></a> 
                    <h2><a href="#">Paint Shoe</a></h2> 
                   </li> 
                   <li> 
                    <a href="css/images/orange_bubble_aura.jpg" class="thumb"><span><img src="css/images/orange_buuble_thumbian.jpg"
                    alt="alpha effect" /></span></a> 
                    <h2><a href="#">Aura effect</a></h2> 
                   </li> 
                   <li> 
                    <a href="css/images/space_strokes.jpg" class="thumb"><span><img src="css/images/space_thumbian.jpg" 
                    alt="space lines" /></span></a> 
                    <h2><a href="#">Space</a></h2> 
                   </li> 
                   <li> 
                    <a href="css/images/gorodlv_logo.jpg" class="thumb"><span><img src="css/images/gorod_logo_thumbian.jpg" 
                    alt="gorod.lv"/></span></a> 
                    <h2><a href="#">Gorod logo</a></h2> 
                   </li> 
                   <li> 
                    <a href="css/images/Untitled-2.jpg" class="thumb"><span><img src="css/images/river_flow_logo.jpg" 
                    alt="iiver flow"/></span></a> 
                   <h2><a href="#">River Flow logo</a></h2> 
                  </li> 
                  <li> 
                   <a href="css/images/Ironfly_logo.jpg" class="thumb"><span><img src="css/images/iron_fly_thumbian.jpg" 
                   alt="ron fly" /></span></a> 
                   <h2><a href="#">Iron Fly logo</a></h2> 
                  </li> 
               </ul> 
           </div> 
 

Thank you.

[acoder]

You have two links for each picture - one for the picture and the other for the text, and you've added lightBox to each link, so either remove the link or give it a different class to apply it to the image only.