PDA

View Full Version : Thumbnail viewer with rollover and page link



sandywerner1
05-16-2011, 09:55 PM
Hi,

I would however like to ask you / anyone if they can help me take it a step further, and find out if this next step is possible.

My list of names on the left (http://www.banquetingsuitemidlands.co.uk/ Anthony Eyton has been set up) can now bring up a relavent picture on the right when mouse is rolledover the name. This is perfect. What I would like it to do as well though, is when you have found the name you want to select, and viewed the picture on the right, I want to then click on that name (not the picture) so the user is transfered to that names personal page.

Is this possible?

Regards, :)

ddadmin
05-17-2011, 03:32 AM
Warning: Please include a link to the DD script in question in your post, in this case, Image Thumbnail Viewer II (http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm). See this thread (http://www.dynamicdrive.com/forums/showthread.php?t=6) for the proper posting format when asking a question.

Try the following modified .js file, and then modify the markup for your thumbnails per the below example:


<a href="http://google.com" data-src="http://www.nasa.gov/images/content/167040main_image_feature_738_ys_4.jpg" rel="enlargeimage" rev="targetdiv:loadarea" title="The Universe is just waiting to be explored">Saturn #1</a><br />

In other words, change your thumbnails' markup so they use the new "data-src" attribute to specify the full path to the enlarged image (instead of "href" as was the case before), and use the "href" attribute instead to set the link the browser should go to when the user clicks on the thumbnail link.