How to get thumbnails as pop up with main image ?

11y1.1k

I have created one main image and four vertical thumbnails. when i clicked on main image it will show in pop up with thumbnails . i am not getting thumbnail images.

here is my code

responsive" src="images/designstyles/a.jpg" height="690" width="500"/>

width="55" />

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Blake Isaac11y ago
I think Nilesh's code should do the trick.
If you are looking for more professional images/documents viewer with thumbnails, I tried the HTML5 document viewer from Leadtools and it looks promising. You can check their online application here:
http://demo.leadtools.com/HTML5/DocumentViewerDemo/index.html
Nilesh Jadav11y ago
Have you used Light Box for this., it will be really easy to make out that.
I saw your site, your main is working fine , but have issues in thumbnails. You should try Light box or any of these:
Thickbox
LightBox
FancyBox
FaceBox
NyroModal
PiroBox
1. Create a link element ()
2. Give the link a class attribute with a value of thickbox (class="thickbox")
3. Provide a path in the href attribute to an image file (.jpg .jpeg .png .gif .bmp)
11y ago
I want main image and it thumbnail image as pop up onclick of main image.please check this link
http://www.houseofblouse.com/ready-to-shop-item/peach-gold-checked-kota-silk-saree-35
Nilesh Jadav11y ago
Check this link :

1) http://cssdemos.tupence.co.uk/image-popup.htm