Lightbox Gallery Issue |
Lightbox Gallery Issue |
thehalflife |
May 4 2012, 01:25 PM
Post
#1
|
Newbie Group: Members Posts: 15 Joined: 6-September 08 From: Sask. Canada Member No.: 6,599 |
Hello there - I am hoping someone can help me with this issue ...
I am wanting each of the 6 images to be it's own Gallery, and for the Life of me am Beyond Lost! Here is the JS code: QUOTE $(function(){ // lightbox image $(".lightbox-image").append("<span></span>"); $(".lightbox-image").hover(function(){ $(this).find("img").stop().animate({opacity:0.5}, "normal") }, function(){ $(this).find("img").stop().animate({opacity:1}, "normal") }); }); Here is the HTML: QUOTE <div class="pad_left1"> <div class="wrapper pad_bot1"> <div class="cols"> <a href="images/big_img1.jpg" class="lightbox-image" rel="prettyPhoto[group1]" title="Company Logos"><img src="images/page3_img1.png" alt=""></a> <p><strong class="font1">Company Logos</strong>???enter text here???<br><br> </p> </div> <div class="cols pad_left1"> <a href="images/big_img2.jpg" class="lightbox-image" rel="prettyPhoto[group1]" title="Business Cards"><img src="images/page3_img2.png" alt=""></a> <p><strong class="font1">Business Cards</strong>???enter text here???<br> </p> </div> </div> <div class="wrapper pad_bot1"> <div class="cols"> <a href="images/big_img3.jpg" class="lightbox-image" rel="prettyPhoto[group1]" title="Photgraphy/Photo Edits"><img src="images/page3_img3.png" alt=""></a> <p><strong class="font1">Photography/Photo Edits</strong>???enter text here???<br><br> </p> </div> <div class="cols pad_left1"> <a href="images/big_img4.jpg" class="lightbox-image" rel="prettyPhoto[group1]" title="Band Logos/Album Covers"><img src="images/page3_img4.png" alt=""></a> <p><strong class="font1">Band Logos/Album Covers</strong>???enter text here???<br> </p> </div> </div> <div class="wrapper pad_bot1"> <div class="cols"> <a href="images/big_img5.jpg" class="lightbox-image" rel="prettyPhoto[group1]" title="Random Designs"><img src="images/page3_img5.png" alt=""></a> <p><strong class="font1">Random Designs</strong>???enter text here???<br> </p> </div> <div class="cols pad_left1"> <a href="images/big_img6.jpg" class="lightbox-image" rel="prettyPhoto[group1]" title="Websites"><img src="images/page3_img6.png" alt=""></a> <p><strong class="font1">Websites</strong>???enter text here???<br> </p> </div> </div> </div> |
thehalflife |
May 4 2012, 05:00 PM
Post
#2
|
Newbie Group: Members Posts: 15 Joined: 6-September 08 From: Sask. Canada Member No.: 6,599 |
Someone at another forum helped me solve the issue ... This post can be deleted
|
Lo-Fi Version | Time is now: 25th April 2024 - 01:33 AM |