Hover one thumbnail and the other disappear

[julien501]

Hello，

I want to realize that when the mouse hovers over one thumbnail, all other thumbnails disappear. How to define the current thumbnail in CSS, and other thumbnails?
Thanks in advance!

[mariusjopen]

Dear @julien501
with CSS you could give all thumbnails opacity 0 and only the one which you hver gets an opacity 1.

Hope that helps!

Best!

marius

[julien501]

Thank you marius!
I still want to know how to define the thumbnail I am hovering, to distinguish with all thumbnails.

[mariusjopen]

Dear @julien501
actually a jQuery way might be short and simple.

1. You hover over an image
2. All images get the opacity 0
3. The image you just hovered gets opacity 1

Have a look here:
http://laytheme.com/documentation.html#custom-javascript

And here:
https://www.w3schools.com/jquery/event_hover.asp

I hope that helps!

Best!

Marius

[julien501]

Hi Marius,

I'm done,
Thank you very much for your help.

sheng

[mariusjopen]

Great! Good to hear!