Mouse-over thumbnail reveals full resolution graphic. |
Mouse-over thumbnail reveals full resolution graphic. |
Jeremy1026 |
Feb 27 2008, 10:28 PM
Post
#1
|
Group: Members Posts: 2 Joined: 27-February 08 Member No.: 5,063 |
Title says it all. I want have the gallery page of my website be a series of thumbnails, that when moused-over, shows a full resolution version of the image. I know it can be done because I have seen it before, I just can't find any of those website at the moment. Any help would be greatly appreciated.
|
Jeremy1026 |
Feb 27 2008, 11:07 PM
Post
#2
|
Group: Members Posts: 2 Joined: 27-February 08 Member No.: 5,063 |
Found a site that uses what I want to do, http://www.plentyoffish.com/member1675799.htm
|
Alex McP |
Feb 28 2008, 03:44 PM
Post
#3
|
Novice Group: Members Posts: 25 Joined: 24-January 08 Member No.: 4,787 |
Jeremy, what you're looking for is on line 354, and involves javascript. CODE <a href="java script: B('http://pics.plentyofsite.com/dating/47/greensboro_dating_23624255.jpg','')"> <img src='http://pics.plentyofsite.com/thumbnails/47/greensboro_dating_23624255.jpg' onmouseover="showtrail('http://pics.plentyofsite.com/dating/47/greensboro_dating_23624255.jpg',225);" onmouseout="hidetrail();" border=0></a> </td> That's the code for just one picture mouseover, but maybe that can get you started. |
Frederiek |
Feb 29 2008, 03:25 AM
Post
#4
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
You'l need the javascript function B {…} from that site too, but I suppose Jeremy already understood that.
You don't have to rely on javascript to do this. See what you can do with CSS at: Simplebits - CSS Photo Zoom CSSplay - Magnify image |
Lo-Fi Version | Time is now: 23rd April 2024 - 10:11 PM |