I have a series of pictures (thumbnails) lined up in rows on the screen. What I would like to happed is that when the user clicks on an image it enlarges to a much larger picture, then when clicked again it returnes to a thumbnail size.
Can anyone provide me with coding for the above or possibly stear me in the right direction.
Thanks very much in advance.
04-26-2011, 01:31 PM
Google for lightbox,fancybox, thickbox, thinbox etc
04-26-2011, 02:10 PM
Thanks very much for your reply. I have googled what you advised and found very long complicated codes. I am looking for a simple code that allows the user to click on a small picture to make it larger then another click returns it to the small size. Must I use flash or like to accomplish this. Is there a straight html/css that will get it done?
04-26-2011, 02:24 PM
Something quick a dirty without and js or flash would be to insert the larger images and style them with 0 width and height. Then use pseudo code hover and set width and height for the image. When the user hovers over that image, the hover css causes the image to appear. Not the most elaborate way to do it though.
04-26-2011, 02:58 PM
Teed as always you come to my rescue. If your ever in the Miami Beach area let me know. I own a hotel and it would be my pleasure to host you for a night or two.
Anyhow, I am assuming the css would look something like-
<img src=class hover "C:\Documents and Settings\Administrator\Desktop\ee.bmp" width="263" height="62" border="0" align="left">
04-26-2011, 03:15 PM
Been to Miami once, but only drove through...lol Might look you up someday! haha
Something like this:
<div id="links">Some text here.<a href="images/imagevisamccode.jpg" target="_blank">last three numbers from the back of your card<img src="images/imagevisamccode.jpg" /></a>Some more text here......</div>
I tried it but the text that reads "enter the last 4 digits of your card #" apparently is linked when I click on it it brings up another page with my photo. When I am done viewing it I just x out of the page. In the project I am working on I have 10 thunbnail photes lines up in rown. I would like when the user clicks on an image (not mouseover) it enlarges then when clicked again it returns to its smaller size.