hover gallery

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

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

hover gallery

Post 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
User avatar
Pablo
 
Posts: 23258
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: hover gallery

Post 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
justin b
 
 
Posts: 82
Joined: Fri Jun 15, 2018 5:36 pm

Re: hover gallery

Post 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
User avatar
Pablo
 
Posts: 23258
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: hover gallery

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