Hi Chaps,
Not sure about this one, so thought I’d ask. . . .
I have a image gallery page where 4 thumbnail images:
<div class="image_thumb">
<ul>
<li><a href="Product_Large/Product_Large1.jpg"><img src="Product_Thumb/Product_Thumb1.jpg" alt="Product Item 1" /></a></li>
<li><a href="Product_Large/Product_Large2.jpg"><img src="Product_Thumb/Product_Thumb2.jpg" alt="Product Item 2" /></a></li>
<li><a href="Product_Large/Product_Large3.jpg"><img src="Product_Thumb/Product_Thumb3.jpg" alt="Product Item 3" /></a></li>
<li><a href="Product_Large/Product_Large4.jpg"><img src="Product_Thumb/Product_Thumb4.jpg" alt="Product Item 4" /></a></li>
</ul>
</div>
are presented, and using jQuery and CSS a larger version of the image is presented in a div:
<div class="main_image">
<a href="Product_Zoom/Product_Zoom1.jpg" class="jqzoom" title="Product Item 1"><img src="Product_Large/Product_Large1.jpg" alt="- Product_Large1" /></a>
</div>
Then I use the class=“jqzoom” jQuery function to display a extra-large version of the image.
The problem is that the <a href: …> link for each picture is the (at the monet) same, the <img scr . . .> changes however, to show the correct large version of the image.
My question is, is there some way PHP can change the value of Product_Zoom1.jpg in:
<a href=“Product_Zoom/Product_Zoom1.jpg” class=“jqzoom” title=“Product Item 1”>
once the link in the <div class=“image_thumb”> ???