Streaming live at 10am (PST)

Mouseover to zoom view


#1

Is is possible to create a mouseover to view a zoomed image in webflow in the way that ebay does?
rolling over the small image brings up a larger version that you can navigate through using the smaller image.

I've tried a couple of things with interactions but I don't think I've been using the best approach. In any case I only need it to "kind" of work as it's for a prototype so bringing up the larger image without breaking my layout and it working consistently through different viewports excepting mobile is all I need


#2

Hi @Mowgli smile

There is currently no native way to do mouse pointer tracking inside of Webflow. But, would a simple lightbox help?

http://tutorials.webflow.com/adding-a-lightbox


How to Implement Jack Moore's Jquery Zoom
#3

Thanks for that but it's not quite what I"m after. I don't need the mouse tracking, as I mentioned it is just for proof of concept prototype so a "pretend" solution would do but I can't figure out how to do it. I started building an overlay that would appear on rollover but I can only position it with absolute coordinates and as soon as I hide it on load it completely disrupts the layout. Any ideas on how to achieve this appreciated.


#4

Hey @Mowgli you should be able to utilize the jQuery and script from this page:
http://www.jacklmoore.com/zoom/

I can make a cloneable site later with this implemented if that'll help? smile


#5

thanks a lot, that would help!


#6

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.