vorbert

1 hour ago, tuanphan said:

Try this new code. If it works for first image, I will send guide for other images

/* TEST CODE - first image */
[data-section-id="5e5180de169a2139bb6dcaa1"] figure:nth-child(1):hover img {
    content: url(https://static1.squarespace.com/static/5e517bf6922842434f29db57/t/630910afc6df434175733c41/1661538493564/adam_can%27t_breathe+%28Original%29_1.gif);
}

 

Thank you! I just added it now, and it works well for the first image.

11 minutes ago, tuanphan said:

Try adding this to Design > Custom CSS

/* TEST CODE - first image */
body.homepage figure:nth-child(1):hover img {
    content: url(https://static1.squarespace.com/static/5e517bf6922842434f29db57/t/630910afc6df434175733c41/1661538493564/adam_can%27t_breathe+%28Original%29_1.gif);
}

 

Hi @tuanphan,

Thank you for the code. It works very nicely on the image I'd like to use, but unfortunately this applies the same gif to the first picture of every section. (see http://norbertvarjasi.com) 

Would there be a way to assign different gifs to the different jpg stills?

Many thanks,

Norbert

Hi @tuanphan, Can I also have your help please?
My website is http://norbertvarjasi.com 

On the mainpage, I have pictures in galleries for each of my projects. I'd like to have a short (1-5 seconds) gif or video when hovering these images. Here is a link for one of the gifs I made for the Lotus project just for testing: https://static1.squarespace.com/static/5e517bf6922842434f29db57/t/630910afc6df434175733c41/1661538493564/adam_can't_breathe+(Original)_1.gif

Can you please advise me about the code, and if It is better to use a gif or maybe an mp4 or other formats?

Many thanks,
Norbert