How do I????

[BobRoosth]

I am supporting a web site developed by parties unknown. The page I need help with shows a jacket from several views. There are three thumbnails. When on clicks on a thumbnail, a larger image appears in a separate image area. This is done with three virtually identical pages, each having a different image in the large image area. As we add jackets, I have to insert the same text in three pages. It seems to me there should be small bit of JS that could display the larger image where it is needed from one page.

I am happy to find and adapt a script, but have not had much luck. As a Dreamweaver user, I have access to some Spry routines that might be adapted, but there is a lot of functionality there that I do not need.

Suggestions anyone? Simple, static pages, except for the changing image. Same image names and sizes, just in different folders, one for each jacket name.

[Kelvyn]

This is the sort of thing that jQuery is used for now. I have started using this library & it can be a challenge, but is powerful. Google for jQuery image galleries?

[donmcc]

If I am reading you correctly, you want a remote version of the common rollover. For that, see this tutorial.

http://www.webdevelopersnotes.com/tips/html/javascript_image_mouse_rollover.php3

All you need to do is to have the onmouseover bit change to an onclick event, and have it point to a new image where sub_but is changed to the name of the new bigger image.

Let me know if that helps.

[BobRoosth]

Thanks. That may be perfect. Very short and simple. The images are all the same size and have the same name, so it can all go in the template.

[ktinkel]

I don’t know how it is done, only that it is often done badly.

The Lands End (http://www.landsend.com/pp/OriginalSolidFineGaugeDrapeCardiganSweater~205115_ 59.html?bcc=y&action=order_more&sku_0=::OAH&CM_MERCH=IDX_00002__0000000084&origin=index) on-line catalog does something like this for clothing, and it works fairly smoothly. (They also let you select a color and show that change as well.) Looking at the source for that page, I see a collection of Java Script that might give you some ideas.

[Bo Aakerstrom]

I see a collection of Java Script that might give you some ideas.
Don't get carried away like whoever built this! 50 external Javascript files is a bit OTT.:)

[Bo Aakerstrom]

This (http://www.magictoolbox.com/magiczoom/) may not be what you are wanting to do, but couldn't stop myself posting it! Very cool.

[terrie]

bo: This (http://www.magictoolbox.com/magiczoom/) may not be what you are wanting to do, but couldn't stop myself posting it! Very cool.The Sears website--Sears is a department store in the US--uses that approach and it's very handy when looking at appliances on their website. I used it a lot when I was researching which stove I wanted to buy--I was very picky about the size of the burners on the stove and the magnifier/detail thingie was very helpful...

Terrie

[ktinkel]

Don't get carried away like whoever built this! 50 external Javascript files is a bit OTT.:)Hmm. I didn’t count. All I can say is that at least it works. So many of these detail boxes do not.

It is a huge clothing and housewares chain, and I this set of scripts is used throughout the site. Still a lot, but you do not sit waiting as with some other places.

[ktinkel]

This (http://www.magictoolbox.com/magiczoom/) may not be what you are wanting to do, but couldn't stop myself posting it! Very cool.Ah. When I hover over the box nothing at all happens, not even a spinner. Then after a significant span of time (not minutes, but approaching one minute) it works.

I have seen something like that somewhere else, and it may have been quicker.

[terrie]

kt: When I hover over the box nothing at all happens, not even a spinner. Then after a significant span of time (not minutes, but approaching one minute) it works.Interesting...it worked right on the money as soon as I hovered over it in Firefox 2--yes...I have given up my beloved Netscape as my default browser...'-}}

What browser were you using?

Terrie

PS...I read in the paper that parts of CT lost power this weekend...did that happen to you?

[BobRoosth]

Not, but it's a nice effect. Firefox 3.6.

[donmcc]

Very cool indeed. I can do about half of what that offers for $47. Now I just need to work out the code to be able to do the other half. Thanks for the challenge.

[Susie]

The Sears website--Sears is a department store in the US--uses that approach and it's very handy when looking at appliances on their website.

Talbot's (clothing) also uses this approach. It's nice to be able to get up close enough to see the detail in the fabric and the cut of the waist.

[terrie]

susie: It's nice to be able to get up close enough to see the detail in the fabric and the cut of the waist.Yes...I've not been to Talbot's but I have seen the same thing on other clothing sites and it is very helpful...'-}}

Terrie