Thumbnail click exposes larger image on the same page.

  • 1
  • Question
  • Updated 10 years ago
  • Answered
I have a series of thumbnail pictures on my home page.
I would like to open them one at a time to a larger image shared on the same page.
I don't believe it is an uncommon practice.
I believe there is a code of some sort. But I don't know where to look
or even if SynthaSite supports such an effort.

PS: This site is great! Support is immaculate!
Photo of a2z

a2z

  • 8 Posts
  • 0 Reply Likes
  • lost

Posted 10 years ago

  • 1
Photo of Monique

Monique, VP of Customer Support

  • 6294 Posts
  • 446 Reply Likes
Hi a2z

We have a widget that can create a gallery of clickable thumbnails for you called Flickr Lightbox. However, this requires you to have a Flickr account and unique tags for the images you want to use in your gallery.

It is also possible to create clickable thumbnails manually, although this is a little more tedious. For step by step instructions on both the Flickr Lightbox and the DIY approach please check out this tutorial: http://www.synthasite.com/tutorials/p...

If you have any difficulties please let us know.
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Hi a2z,

Try this code. It took me days to find 'cause I dont always ask the
right questions. http://www.daxassist.com/js/disjointe...

I've tried it in FF3 and IE6. - works great.
I think this is what you are looking for.
Photo of a2z

a2z

  • 8 Posts
  • 0 Reply Likes
Thanks, both links are helpful.
Boomer, after searching pages of q/a posts I came across the roll over. Wondered if I could some how change the code to make it work. I didn't want to mess with it because of lack of experience.
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
The link I gave you is for a disjointed rollover image map.
Im using that code on a new site of mine and it's really cool.

For an easy mouseover tutorial check out the tutorial on
my website. http://forsite.synthasite.com/faq.php

There is also a link to a site that generates the
code for you. Its actually quite easy if you brave enough
to try it. C'mon give it a go - you wont be sorry.
This is all new to me as well.