Streaming live at 10am (PST)

How to do a drag button that changes the image


#1

Hey people!

I was wondering if it was possible to do this with Webflow:

Here’s the link to the website where you can try it out:
https://www.maserati.com/maserati/international/en/models/quattroporte

Thanks in advance!


Here is my site Read-Only: LINK
(how to share your site Read-Only link)


#2

Absolutely :grinning:

Well…with a little custom code :computer:

@markos84uk is the man who can - it’s cloneable too:


#3

Thanks @StuM

I’ll test it out and let you know how it goes.

Domen


#4

All right, here it is:
http://tpgr-website.webflow.io/map

Now, I’ve got a bigger challenge to tackle… I want to make this map interactive – example: a user can click on part of it and it:

  1. highlights that part
  2. opens a popup or loads a new page

I suppose I could use some sort of combination of CTAs and absolute positioning to make it clickable, but the highlighting a part of it… this one escapes my imagination.

Any help will be much appreciated!

Thank you!


#6

To make THAT map interactive would 100% require pure custom code. You could potentially do it without the slider in webflow, but would be tricky and require lots of absolute positioning and interactions with slices of the image.

You could post in the freelance section and hire someone to develop this for you.


#7

Yeah, I thought as much.

So you think it is possible, however, with custom code within Webflow? Meaning, I would not need to move from Webflow to accomplish this?

Domen