Page 1 of 1
Photo gallery
Posted: Fri Jan 26, 2024 7:20 am
by cgcreator
I have several photo galleries on my old homepage that were made with Adobe Muse. There, I had a very simple way to incorporate them. A custom image served as the thumbnail, and when clicked, it opened the entire gallery in a lightbox.
Unfortunately, I can't find such a simple function in Web Builder. There are also no extensions available for that purpose.
Or did I overlook something and it is actually possible?
Example:
https://danceflavour.de/showtime.html
Re: Photo gallery
Posted: Fri Jan 26, 2024 7:29 am
by Pablo
Re: Photo gallery
Posted: Fri Jan 26, 2024 7:43 am
by cgcreator
No, i can't find "Spotlight - Photo Gallery"
https://ibb.co/DWWnKMp
"Launch the lightbox (with multiple images) from a single image"
My single image has own dimensions!
This thumbs has also a different location.
Example:
https://ibb.co/6W7NWp9
Re: Photo gallery
Posted: Fri Jan 26, 2024 8:01 am
by BaconFries
Spotlight is a addon for the slideshow that you need to install. See the following look for Spotlight under
"Lightbox addons for the Photo Gallery and Slide Show"
Free extras/add-ons/plug-ins for WYSIWYG Web Builder 19
Re: Photo gallery
Posted: Fri Jan 26, 2024 8:29 am
by BaconFries
Because it not works with extension manager (Manual Install).
It is not an "Extension" but a .exe (executable) so you need to unzip first and run the setup file which will self install.
setup.exe will install the Spotlight lightbox addon for WYSIWYG Web Builder 19 and newer.
From the enclosed txt file
"Please make sure you select the correct folder during the setup.
For example, if you have installed WYSIWYG Web Builder in the folder
C:\Program Files\WYSIWYG Web Builder 19\
then the addon should be installed in
C:\Program Files\WYSIWYG Web Builder 19\lightbox\spotlight"
Re: Photo gallery
Posted: Fri Jan 26, 2024 8:40 am
by cgcreator
This is not an .exe, but a .zip with two folders.
(Blocks Pack 4) First folder "Miscellaneous" and the second "Photo Gallery"
I put this two in the same folder, WB installation loacation.
Now, I start WB new. But where I find the new "Spotlight" gallery?
Screenshot:
https://ibb.co/v4p7Vk9
No link to gallery, only one file like before:
https://ibb.co/gVk23LT
Re: Photo gallery
Posted: Fri Jan 26, 2024 8:55 am
by cgcreator
OMG I'm a idiot.
I use Blocks instead "Lightbox addons for the Photo Gallery and Slide Show"
Sorry.
Now, it is a exe.
THX
Re: Photo gallery
Posted: Fri Jan 26, 2024 8:56 am
by Pablo
Re: Photo gallery
Posted: Fri Jan 26, 2024 9:06 am
by cgcreator
Yes.
Now its installed.
But where i can find the Spotlight?
Screenshot
https://ibb.co/hsxHqbj
This is so complicated. I struggle since yesterday with it. 6 hours now.
Re: Photo gallery
Posted: Fri Jan 26, 2024 9:17 am
by BaconFries
But where i can find the Spotlight?
Did you read the tutorial? From the tutorial you will see the following image it shows what lightboxes are available to use if you scroll through them you will find spotlight select ti to use.

Re: Photo gallery
Posted: Fri Jan 26, 2024 9:30 am
by cgcreator
Sorry, but I am not use WB to read, read and read.
I use it because it's easy (fast)
I need a gallery: Drag and drop from left to right a gallery i need. Search for photos. DONE
What i need now is only a possibility that is 15 years old.
A image with complete different size works like a button to open all the photos in a light box. Thats it.
Example:
Under the six YT videos.
https://danceflavour.de/showtime.html
Re: Photo gallery
Posted: Fri Jan 26, 2024 9:36 am
by cgcreator
Re: Photo gallery
Posted: Fri Jan 26, 2024 10:22 am
by Pablo
You are looking in the wrong place.
This lightbox is for the slideshow and photo gallery.
Please read:
https://www.wysiwygwebbuilder.com/lightboxes.html
Re: Photo gallery
Posted: Fri Jan 26, 2024 2:51 pm
by cgcreator
Maybe it is possible per Event to start a gallery?
https://ibb.co/8rFXFjt
Re: Photo gallery
Posted: Fri Jan 26, 2024 4:07 pm
by Pablo
No, that is not the right way to do this.
Please use the lightbox instead.
Re: Photo gallery
Posted: Sat Jan 27, 2024 8:50 am
by cgcreator
It's not possible for the concept of the website.
ChatGPT give me this code:
<!-- Galerie 1 -->
<div class="galerie" id="galerie1">
<a href="pfad/zum/bild1.jpg" data-lightbox="galerie1"><img src="pfad/zum/bild1.jpg" alt=""></a>
<a href="pfad/zum/bild2.jpg" data-lightbox="galerie1"><img src="pfad/zum/bild2.jpg" alt=""></a>
<!-- More... -->
</div>
<!-- Galerie 2 -->
<div class="galerie" id="galerie2">
<a href="pfad/zum/bild3.jpg" data-lightbox="galerie2"><img src="pfad/zum/bild3.jpg" alt=""></a>
<a href="pfad/zum/bild4.jpg" data-lightbox="galerie2"><img src="pfad/zum/bild4.jpg" alt=""></a>
<!-- More... -->
</div>
<script src="pfad/zur/lightbox.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Galerie 1
lightbox.start(document.querySelectorAll('#galerie1 a[data-lightbox="galerie1"]'));
// Galerie 2
lightbox.start(document.querySelectorAll('#galerie2 a[data-lightbox="galerie2"]'));
// More
});
</script>
I'm trying to incorporate that into the website now.
Re: Photo gallery
Posted: Sat Jan 27, 2024 8:57 am
by Pablo
I'm sorry, I cannot help you with custom code.
However as previously mentioned, you can do the same with the built slideshow.
Tutorials:
https://www.wysiwygwebbuilder.com/lightboxes.html
https://www.wysiwygwebbuilder.com/global_lightbox.html