hover gallery

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
justin b
 
 
Posts: 65
Joined: Fri Jun 15, 2018 5:36 pm

hover gallery

Post by justin b » Fri Nov 27, 2020 7:44 am

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

User avatar
Pablo
 
Posts: 22598
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: hover gallery

Post by Pablo » Fri Nov 27, 2020 8:09 am

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

justin b
 
 
Posts: 65
Joined: Fri Jun 15, 2018 5:36 pm

Re: hover gallery

Post by justin b » Wed Dec 16, 2020 8:52 am

Hi Pablo
Is there an example somewhere where I can find a way of doing this with a slideshow and events?

Cheers

User avatar
Pablo
 
Posts: 22598
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: hover gallery

Post by Pablo » Wed Dec 16, 2020 10:18 am

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...

Post Reply