Streaming live at 10am (PST)

Zoomable navigational image - help please


#1

Hi guys - I was wondering if I could do something like this in webflow.

So I have a huge image - 1000 px x 3000 px. I want the image to be zoomable - like google maps and the people can drag around like google maps.

There are going to be elements on the image that will have interactions of click and hover over.

I would greatly appreciate - if someone could share an example or direct me to an example, that I could follow as I am not sure how to go about something like this. I believe I would need to put in some JavaScript in there - but not sure what and where.

Thank you !!!!!


#2

While it could be fun for someone who really knows his way into Webflow, you should not build that right into webflow, rather build it in Gmaps (you can do custom maps) or another service/software that allows to do exactly that: zoomable images, and then embed it into your Webflow site.

http://blog.mikecouturier.com/2011/07/create-zoomable-images-using-google.html


#3

Thanks for your reply Vincent! I have a couple of questions:

  1. How do I embed this webflow?
  2. how can I make elements clickable?
  3. Is there a way to remove google from showing up?

Thanks for your help!!
Ananya


#4

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