Page 1 of 1

hover gallery

Posted: Fri Nov 27, 2020 7:44 am
by justin b
Hi all- is there anyway to recreate a hover gallery like this without being too time consuming as i have many images to get through?

https://sea.banggood.com/th/BOYUEDA-28_ ... rehouse=CN



thanks

Re: hover gallery

Posted: Fri Nov 27, 2020 8:09 am
by Pablo
This can be done with a slideshow and events. Where the thumbnails are standard images which control the activate image in the slideshow.

Or else:
http://www.wysiwygwebbuilder.com/unitegallery.html

Re: hover gallery

Posted: Wed Dec 16, 2020 8:52 am
by justin b
Hi Pablo
Is there an example somewhere where I can find a way of doing this with a slideshow and events?

Cheers

Re: hover gallery

Posted: Wed Dec 16, 2020 10:18 am
by Pablo
It works something like this:

Step 1
Add a slideshow, set the pause time to '0'

Step 2
Add an image object (or any other object with event support)

Step 3
- Add an 'onmouseenter' event to the image
- action: run javascript'
- javascript:

Code: Select all

$('#SlideShow1').slideshow('goto,1');
where SlideShow1 is the ID of the slideshow.
goto,1 jumps to the first slide
goto,2 jumps to the second slide.
etc...