Page 1 of 1

Extension for mouseover zoom for image?

Posted: Wed May 11, 2011 1:06 am
by etcbbu
Hi all,

I've got a client that has seen something on websites on the Internet that he would like to have:

At various online stores, he has seen something where, when user "mouseovers" a picture an item that is for sale at an online store, it sort of brings up a little "zoom" and zooms into the item there, as user drags mouse around the image. He states he likes this better than what a lot of other online stores do--where you have to click the item, and a little window pops up with a larger version of the image.

Anyone know of an extension or ever come across a javascript that allows you to do this, maybe possiby in WB ?

Thanks for any insight anyone can give me on this.

--etcbbu

Re: Extension for mouseover zoom for image?

Posted: Wed May 11, 2011 6:59 am
by BaconFries
There are a couple of extensions that do this but they use the onclick of a thumb to open the larger image...In WB you could try using the Rollover Image Tool using the animation effect zoom this will give the effect on mouseover a thumb a larger image zooms out....

You could try this inserting into the HTML Object and adding the Images into the File Publisher Object just change the sizes to what you need...

Code: Select all

<img src="/yourimage.jpg" width="150" height="100" name="image_name"
onmouseover="image_name.width='300';image_name.height='200';"
onmouseout="image_name.width='150';image_name.height='100';" />

Re: Extension for mouseover zoom for image?

Posted: Fri May 13, 2011 3:27 pm
by etcbbu
Bacon and Taccy,

Thank both of you so much for this help! I am going to be looking at these various methods you have mentioned, I appreciate it.

--etcbbu

Re: Extension for mouseover zoom for image?

Posted: Fri May 13, 2011 8:13 pm
by Patr100