Displaying images

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
tba
 
 
Posts: 46
Joined: Thu Mar 14, 2019 9:35 am

Displaying images

Post by tba »

I'm building a website which features a number of actors and want to put their photographs in some sort of film strip which the user can then select an image from and then get an enlarged version with a descriptive text. From the enlarged version I want the user to be able to go left or right to the next image

Is there an tool in WYSWYG which can do this?
User avatar
Pablo
 
Posts: 22422
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Displaying images

Post by Pablo »

Maybe you can use the 'Image Carousel' object?

See the 'screenshots' section on the home page:
https://www.wysiwygwebbuilder.com/
tba
 
 
Posts: 46
Joined: Thu Mar 14, 2019 9:35 am

Re: Displaying images

Post by tba »

Yes that would work. What are the settings you have used for that object?
User avatar
Pablo
 
Posts: 22422
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Displaying images

Post by Pablo »

Step 1
Add an 'Image Carousel' object to the page

Step 2
Use a link (with lightbox) to display a larger version of the image
https://www.wysiwygwebbuilder.com/lightboxes.html
tba
 
 
Posts: 46
Joined: Thu Mar 14, 2019 9:35 am

Re: Displaying images

Post by tba »

Thanks, I can see how to make that work. One other question however, how do I get the 'scroll' functionality into the lightbox popup as in this picture...

https://ibb.co/vkY48Pc
User avatar
Pablo
 
Posts: 22422
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Displaying images

Post by Pablo »

On the home page I have used the 'Magnific Popup' lightbox.
tba
 
 
Posts: 46
Joined: Thu Mar 14, 2019 9:35 am

Re: Displaying images

Post by tba »

Yes as have I but I still do not get the direction / browse arrows???

Whats missing?

https://ibb.co/Hx0dHJg
User avatar
Pablo
 
Posts: 22422
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Displaying images

Post by Pablo »

Did you add links to the images and set the target window to light-box?
tba
 
 
Posts: 46
Joined: Thu Mar 14, 2019 9:35 am

Re: Displaying images

Post by tba »

I used the same link for all images, it goes to one page with the images of the actors, side by side.

It is not clear what the image link should go to....grateful if you would advise me
User avatar
Pablo
 
Posts: 22422
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Displaying images

Post by Pablo »

You will need to set the link to a larger version of the image.
The target of the link should be set the 'lightbox'

If you need further help then please share a DEMO project. See also the forum rules.
tba
 
 
Posts: 46
Joined: Thu Mar 14, 2019 9:35 am

Re: Displaying images

Post by tba »

I have posted the (test) wbs file along with the images here, grateful for your assistance

https://we.tl/t-WSWuGxXG9f
User avatar
Pablo
 
Posts: 22422
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Displaying images

Post by Pablo »

The links should not be pointing to another page.
The idea is that you open a larger version of the image, so the link should be an image file.

Link to -> File

Also, filenames should not have spaces.
viewtopic.php?t=131
tba
 
 
Posts: 46
Joined: Thu Mar 14, 2019 9:35 am

Re: Displaying images

Post by tba »

ok I have done as you suggested but still no navigation arrows...???

https://ibb.co/FBGrPHk
User avatar
Pablo
 
Posts: 22422
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Displaying images

Post by Pablo »

Unfortunately, in this case that will not work. Because the ligthbox sees all images as individual items.
In my case, I have used standard images and a carousel. Then all images will be part of the same lightbox.
Post Reply