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.27
change DB IP storage fields to accommodate IPv6 addresses
remove use of E_STRICT (PHP 8.4 deprecated)
update README to reflect new website
align code with new .com CPG website
correct deprecation in captcha

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