PDA

View Full Version : Image Thumbnail Viewer II to show enlarged image on page load



adejones
10-30-2014, 04:52 PM
1) Script Title: Image Thumbnail Viewer II

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm

3) Describe problem: I wonder if there is a way to have image 1 already enlarged on page load and then just change on hover/click because at present, I have a 300x300px blank space until a thumbnail is hovered on.

Many thanks

jscheuer1
10-30-2014, 10:09 PM
This question has come up an awful lot. And it's easy to take care of. Let's look at part of the example markup - say this is you loading area:


<div id="loadarea" style="width: 600px"></div>

You can put anything (any normal HTML) you want to in there to begin with, for example:


<div id="loadarea" style="width: 600px"><img src="myfirstimage.jpg"><br>This is the First Image</div>

It's probably best to follow the template shown (substitute the actual path and filename to your first image for 'myfirstimage.jpg' and change the text (This is the First Image) to what ever you want or skip it. But as I say, you can put any valid HTML in there you like. It will be overwritten once someone triggers an image using the script.