Is it possible to add simple image rollover effects to a grid gallery in 7.1? All I want for the image to change to a second image on mouse/cursor hover, and then change back on hover off (preferably with a smooth transition). Clearly this isn't possible with the standard controls, but wondering if possible using CSS and custom files? I've been searching online (and on here) and not found the answer, which is surprising in that I would have thought this would be a sought after feature.
On my site I have added a simple brightness hovereffect to the images which gives it some interactivity. But preferably I would find away to change to a second image on mouse hover.
You can use this trick, notice the nth(1) nth(2) is indicated the first and second image, you can assign different image for next item that way
section[data-section-id="5eeb4b1243290c2c625c7dcc"]
Site URL: https://www.matthodgesdesign.com/
Is it possible to add simple image rollover effects to a grid gallery in 7.1? All I want for the image to change to a second image on mouse/cursor hover,
Question
matthewhodges 7
Site URL: https://www.matthodgesdesign.com/
Is it possible to add simple image rollover effects to a grid gallery in 7.1? All I want for the image to change to a second image on mouse/cursor hover, and then change back on hover off (preferably with a smooth transition). Clearly this isn't possible with the standard controls, but wondering if possible using CSS and custom files? I've been searching online (and on here) and not found the answer, which is surprising in that I would have thought this would be a sought after feature.
On my site I have added a simple brightness hovereffect to the images which gives it some interactivity. But preferably I would find away to change to a second image on mouse hover.
Edited by matthewhodgesLink to post
Top Posters For This Question
5
3
1
Popular Days
Feb 18
2
Feb 19
2
Jan 8
1
Jan 10
1
Top Posters For This Question
matthewhodges 5 posts
tuanphan 3 posts
bangank36 1 post
Popular Days
Feb 18 2021
2 posts
Feb 19 2021
2 posts
Jan 8 2021
1 post
Jan 10 2021
1 post
Popular Posts
bangank36
You can use this trick, notice the nth(1) nth(2) is indicated the first and second image, you can assign different image for next item that way section[data-section-id="5eeb4b1243290c2c625c7dcc"]
matthewhodges
Site URL: https://www.matthodgesdesign.com/ Is it possible to add simple image rollover effects to a grid gallery in 7.1? All I want for the image to change to a second image on mouse/cursor hover,
matthewhodges
This is perfect for me, thank you so much!
Posted Images
8 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment