Jump to content
Stef's Coding Community
jpf566

Need some help with a thumbnail viewer.. Auto loading first image.

Recommended Posts

Ok so I am using “Image Thumbnail Viewer II” from Dynamic Drive http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm

 

I would like to make it so when the page is loaded..There is an image already in the "Display Div" I don't want just a couple thumbnails and a big blank page...Its a bit confusing for someone if they think something else is supposed to load. Does anyone know how I can have a certain image autoload? see below for example of what I have. Thanks!!!

 

 

http://s278616331.onlinehome.us/other%20sites/jpf/

Share this post


Link to post
Share on other sites

Although I have never used this and you didn't elaborate if you wanted that default image to be configured to where it extracts the first image of the thumbnail list.

 

In any case, the simple solution is apply an background image to your #loadarea2 div. However, you will have to be careful because if the default image is wider than any one of the other thumbnail images then that default image will show through on either side of the select thumbnail image.

 

Ben might be able to give you some insight on how to do extract the images via js.

Share this post


Link to post
Share on other sites

Although I have never used this and you didn't elaborate if you wanted that default image to be configured to where it extracts the first image of the thumbnail list.

 

In any case, the simple solution is apply an background image to your #loadarea2 div. However, you will have to be careful because if the default image is wider than any one of the other thumbnail images then that default image will show through on either side of the select thumbnail image.

 

Ben might be able to give you some insight on how to do extract the images via js.

 

 

Hey, yeah I thought about that but then whenever you click on another thumbnail ..whatever image that was loaded into the div would fade out and you would see the original background image... Hmmm

Share this post


Link to post
Share on other sites

looks that div is being fed (via the script I imagine) display none and then upon hover is fed display block. So you could override that one div and say display block !important. Then you have the same prob though - shows through when fade out. Might need to be done with more js.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...