Include a "Click to Zoom" link below Image on File Page Include a "Click to Zoom" link below Image on File Page
 

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Main Menu

Include a "Click to Zoom" link below Image on File Page

Started by pamelahazelton, June 26, 2009, 05:05:39 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

pamelahazelton

Hi:

I've searched, so if this has already been discussed, I guess I'm not using the right keywords. My apologies.

I am attempting to include clickable "click to zoom" text below the file image. By default, the visitor clicks the image to see an enlargement. I have included the text, but cannot figure out how to make it clickable.

The template call in is simply {IMAGE}

Here's a page, so you can see what I'm trying to do - just make the text also clickable.

http://www.retroplanet.com/gallery/displayimage.php?album=15&pos=0

Thanks in advance,

Pamela

gene-photo

#1
One suggestion just change the words to "Click photo above to see larger version."

As for your question you have to change your code to create a link to the larger image.

I.e.
<a href="javascript:;" onclick="MM_openBrWindow('displayimage.php?pid=28&amp;fullsize=1',
                                                                   '1006531364a4cb39ced7d5',
                                                                   'scrollbars=yes,toolbar=no,status=no,resizable=yes,width=466,height=603')">
<img src="albums/userpics/10001/normal_Betty-Boop-Decor.jpg" class="image" alt="Click to view full size image" border="0"><br>
</a>


For example this above is the link that causes the larger image to pop up when you click on the image.  

This is the type of link that you need to change your "click to zoom" word to:
<a href="javascript:;" onclick="MM_openBrWindow('displayimage.php?pid=28&amp;fullsize=1',
                                                                   '1006531364a4cb39ced7d5',
                                                                   'scrollbars=yes,toolbar=no,status=no,resizable=yes,width=466,height=603')">
Click to Zoom<br>
</a>



Hope this helps,
Gene