PDA

View Full Version : 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/dynamicindex4/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:


<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....:confused:

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.:confused::o

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

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
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
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:


<!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:


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

jaxkit
04-29-2008, 11:41 PM
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:


<table>
<tr><td>Put thumbs here</td><td>Put the 'loadarea' here</td></tr>
</table>
Oi.........so sorry to waste you a trip to my site. I got frustrated and deleted the scripts in confusion last night. Now I reload another fresh 'thumbnail viewer II' up. I will do a bit experiment and see where I'll end up tonight.

Again, thank you from the bottom of my heart.

Jax