Image Thumbnail viewer II

[taydu]

1) Script Title: Image Thumbnail Viewr II

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

3) Describe problem: It's possible for me to use this script as a template? Because for it page, it have a different set of image, and number of image.

For example page 1 have 3 image and the image name are: Page1Image1, Page1Image2, Page1Image3. And for page 2 it have 10 image, the name for page 2 image are: Page2Image1, ... Page2Image10 and so on, alot of page that why i want to use it as a template.

What I really want is to modify this script so it will function something like this http://monoprice.com/products/produc...t=1#largeimage

Mono Price has thousand of product, ím sure they don't do it for each item.

Thanks

[jscheuer1]

The main thing you would need to do is generate the array. This is generally best done server side, that is probably how monoprice does theirs. But, it can be done with client side scripting, if the names of the images in any given array are all the same except for a sequentially changing number.

[taydu]

Thanks for the reply jscheuer1,

I have a question, I already have template that display all the thumbnail and when you click on the thumbnail it will popup a small windows for the larger size. What option do I have to make the larger image display in the same windows with the thumbnail, and when I move the the different image it would change.

is there a hover script that I can use for the larger image? When I hover on the thumbnail?

thanks

[jscheuer1]

Huh? Could you be a bit more specific?

[taydu]

is there a script that allow me to display the larger image when mouseover the thumbnail without predefine the array?

because right now I already have a gallery with the thumbnail, and when I click on the thumbnail it will popup a windows with the large size associate to the thumbnail in the gallery.

[jscheuer1]

Ok, I thought it was something like that. How are the larger images defined for the one that you are using now? Any script that uses an array can be made to use another method. With this script, the call in the markup is like:

<a href="#" onMouseover="modifyimage('dynloadarea', 0)"><img src="some_tmb.jpg" border="0"></a>

This is the essential thing that it is doing:

modifyimage('dynloadarea', 0)

It is changing the dynloadarea's (an element with the id of 'dynloadarea') inner HTML to insert an image tag there. The 0 tells it which array entry to look in to get the source for the image tag. With minor modification, it could look to the link's href value to get that, or to the name of the thumbnail image. If the latter, the thumbnail name could be transformed to produce the larger image's filename, if they were named in a similar fashion. For example - some_tmb.jpg - could become - some_lrg.jpg.

To be more specific, I would want to know how the script that you currently like the method it uses for finding the larger image's filename does it. I would think that wherever the larger image's filename is gotten from in one script could be adapted to another. To adapt it, I just need to know where that filename is coming from.

[chiba151]

Is it possible to get the fading effect to work in FireFox?

[jscheuer1]

Please start a new thread for a new inquiry, but no, not without a total rewrite of the script. At present the fading is done via a proprietary IE filter, which requires much less markup and script code to work than would using the style.opacity that would be required in FF.

[chiba151]

Please start a new thread for a new inquiry, but no, not without a total rewrite of the script. At present the fading is done via a proprietary IE filter, which requires much less markup and script code to work than would using the style.opacity that would be required in FF.

Sorry, I didn't know I had to start another thread since this one has the general title of "Image Thumbnail viewer II"

Thank you for answering though.