I think the reason might be because I’m calling an other version of Jquery.
Do you think of a way to insert my image and the cote into a block ? or maybe to make possible two Jquery co-exit on the same page ?
Here is the link of the code of the image I would like to insert :
If you only need to stack 2 pictures on hover, just layer 2 pictures:
in one container with position relative, place 2 container with position absolute. Each of them contains a layer of your picture. On the second layer set the opacity to 0, but on hover set it to 100.
Playing sound on click:
You need to code a bit to achieve this. Take a look at some sound libraries for example https://github.com/goldfire/howler.js/
If you’re not into coding that may take some time for you to figure it out.
Thx for answering, but I might be a little bit complicated that just 2 pictures. I created many map zones on those pictures…so if I can just re-use the same code, it will be easier for me ! (have a look of what I am talking cliking on the case of the totem : http://pierrecharles.net/victor/ )
You need to host the script on external server and link it in the custom code.
For example you can upload it on GitHub and use RawGit service to get link to your script.
Then you need to link it in the script tag, for example <script src="https://cdn.rawgit.com/maciejsaw/tooltipster-for-webflow/master/tooltipster-for-webflow.js"></script>
You can also google for other free solutions for free script hosting, free CDN etc.
I managed to generate this link: <script src="https://cdn.rawgit.com/Mau-mo/TO/master/index%203.html"></script>
but after putting it in the custom code it doesn’t appear…haha I struggle a lot for this thing !