Image Thumbnail Viewer II help

**Howiestein** · 04-26-2008, 12:16 PM

1) Script Title: Imagine Thumbnail viewer II

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

3) Describe problem: Default image instead of empty loadarea

Is there a way to have one of the full size version of the thumbnails act as the "default" image in the load area?

In otherwords, say you have Image1, Image2, and Image3. Would there be away to have image1 appear full size in the loadarea when the page is loaded instead of just the empty area?

Hope that makes sense.

Cheers.

**jscheuer1** · 04-26-2008, 05:39 PM

Just put whatever you want in that tag, it will be overwritten once the user starts activating the script:

Code:

<div id="loadarea" style="width: 500px">
<img src="whatever.jpg" alt="">
</div>

You can also put other tags and/or text in there if you like as well, it will all get overwritten, as I say, once the script gets used.

**Howiestein** · 04-27-2008, 02:07 AM

Any reason why when i mouseover the thumbnail it does nothing.. (even though it is set for mouseover) and when you click on it.. it appears at the top of the page?

**thetestingsite** · 04-27-2008, 02:12 AM

For that we would need to see a link to your problem page.

**jaxkit** · 04-28-2008, 04:33 AM

Help!!!

I have the same problem with 'mouseover' and thumbnail does nothing. Instead, I'll have to click on thumbnail to see enlarged image....

Also, the thumbnail all lined up in center instead of to the right of the page. I must have set the margin wrong inside 'thumbnail2.js' thingy.

Thank you in advance to any of you kind and most knowlegeable people.

Jax

**jscheuer1** · 04-28-2008, 04:40 AM

Same 'solution':

Please post a link to the page on your site that contains the problematic code so we can check it out.

**jaxkit** · 04-28-2008, 05:57 PM

Originally Posted by jscheuer1

Same 'solution':

Please post a link to the page on your site that contains the problematic code so we can check it out.

Hi, John,

Thank you so much for responding to my question. Here's link to my web page:http://jazziestudio.com/paintings.htm

Any hel you may offer will be greatly appreciated.

Jax

**jscheuer1** · 04-28-2008, 06:20 PM

Originally Posted by jaxkit

Hi, John,

Thank you so much for responding to my question. Here's link to my web page:http://jazziestudio.com/paintings.htm

Any hel you may offer will be greatly appreciated.

Jax

Your thumbnailviewer2.js file looks like so:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<META content="MSHTML 6.00.6000.16640" name=GENERATOR></HEAD>
<BODY id=role_body style="FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Verdana" 
bottomMargin=7 leftMargin=7 topMargin=7 rightMargin=7>
<DIV><FONT face=Courier>// 
--------------------------------------------------------------------<BR>// Image 
Thumbnail Viewer II- By Dynamic Drive, available at: 
http://www.dynamicdrive.com<BR>// Last updated: Feb 5th, 2007<BR>// 
--------------------------------------------------------------------<BR><BR>var 
thumbnailviewer2={<BR>enableTitle: true, //Should "title" attribute of link be 
used as description?<BR>enableTransition: true, //Enable fading transition in 
IE?<BR>hideimgmouseout: false, //Hide enlarged image when mouse moves out of 
anchor link? (if enlarged image is hyperlinked, always set to 
false!)<BR><BR>



/////////////No need to edit beyond here/////////////////////////<BR><BR>iefilterstring: 
'progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)', 
//IE specific multimedia filter string<BR>iefiltercapable: document.compatMode 
&amp;&amp; window.createPopup? true : false, / . . .

It looks like it was in an editor or uploaded in a way that automatically parsed it as HTML and then saved it as such. You need to get a fresh copy of the script and upload it as binary.

If you need to edit the file, use notepad or another text only editor.

There could still be other issues, but it will never work like that.

**jaxkit** · 04-29-2008, 12:59 AM

First, my sincere thank you for helping me out with the script.

I did get a fresh copy of the script and it works!!!

However, all the thumbnails still lining up in the 'center' of my web page not on the 'left' as script sample shows. How do I go about correcting it?

Your help is much appreciated.
Jax

**jscheuer1** · 04-29-2008, 06:06 AM

Right now looking at your page, it doesn't appear to have the script on it any longer. However, what you are asking about is just a matter of layout. If you are unfamiliar with laying out a page, a table is often the easiest way to get one set of things on one side of the page and something else on the other. A table is in fact how that left/right separation is achieved in the demo page for this script's source code. However, due to some drawbacks as regards accessibility and performance with tables, floated divisions and aligned content are now more popular, but are beyond the scope of this thread, if you want to know more, check around the web or in the css and the HTML forums here, as well as having a look at:

http://www.dynamicdrive.com/style/layouts/

A simple table is:

HTML Code:

<table>
<tr><td>Put thumbs here</td><td>Put the 'loadarea' here</td></tr>
</table>

Thread: Image Thumbnail Viewer II help

Thread Tools

Search Thread

Image Thumbnail Viewer II help

The Following User Says Thank You to jscheuer1 For This Useful Post:

More THUMBNAIL VEIWER II question

one more tiny problem with 'Thumbnail Viewer II"

Bookmarks

Bookmarks

Posting Permissions