Team Image Avatar > Video Avatar on Hover

Hi there,

I'm keen to make each team member's avatar switch to an auto-playing/looping live video avatar on mouse hover.

Grid of team members on Who We Are page here: https://www.neu21.com/who-we-are

An example of one of these "live avatars" can be found on this profile page for Gus: https://www.neu21.com/gus-balbontin-neu

Really keen on the most simple solution.

Cheers!

Change to video is complex, you can consider using Gif instead, we can give you code

That works! What would that code be @tuanphan?

On 4/15/2024 at 5:32 AM, CharlieHNZNeu21 said:

That works! What would that code be @tuanphan?

For example this image

to change it to another image on hover, you can use this CSS code to Website > Website Tools > Custom CSS

div#block-d0c3ea0d1396e090325e:hover img {
    content: url(https://cdn.pixabay.com/photo/2021/04/05/04/21/ao-dai-6152101_1280.jpg);
}

Replace Pixabay image with your gif image url

div#block...5e is Image Block ID. You can use this free tool to find ID

https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff