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" :x

Sorry.
Now, it is a exe.

THX

Re: Photo gallery

Posted: Fri Jan 26, 2024 8:56 am
by Pablo
Did you read the suggested tutorial?
https://www.wysiwygwebbuilder.com/lightboxes.html

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

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