The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Lightbox Gallery Issue
thehalflife
post 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>


--------------------
"I am baking the Muffins Asbestus I can!" :)
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
thehalflife
post 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 smile.gif


--------------------
"I am baking the Muffins Asbestus I can!" :)
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 23rd November 2014 - 10:43 PM