Extension for mouseover zoom for image?

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.
There is a dedicated section for commercial extensions.
Post Reply
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Extension for mouseover zoom for image?

Post 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
https://travisjconsulting.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://travisjconsulting.com
User avatar
BaconFries
 
 
Posts: 6035
Joined: Thu Aug 16, 2007 7:32 pm

Re: Extension for mouseover zoom for image?

Post 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';" />
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Extension for mouseover zoom for image?

Post 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
https://travisjconsulting.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://travisjconsulting.com
Patr100
 
 
Posts: 115
Joined: Tue Dec 25, 2007 10:52 pm

Re: Extension for mouseover zoom for image?

Post by Patr100 »

Post Reply