#799 Posted in ‘Showtime Image Gallery’

Images slider?

Latest post by Jip JJ Jonker on Thursday, 09 December 2021 13:04 EET

Friday, 03 December 2021 11:16 EET

Jip JJ Jonker
Hi! I would like to use the images in a Showtime gallery as a 'slider' on the website. I have use jQuery Cycle2 in the past for creating sliders of images. Is it possible to create a template override so I can use the images in Showtime to add to a slider using Cycle2?

I think I would just need a way to load the 'popup' images into a view. And no thumbnails.

We use the content plugin to show the images in an article so we need to override the content plugin?

Friday, 03 December 2021 15:48 EET

Lefteris Kavadas
Hi Jip,

Yes, of course, you can simply create an override for the layout your gallery is using.
You can even create a complete new layout, not just an override.
There is no need to override the content plugin. Just select the correct layout in the gallery options.

You can create layout overrides as explained at the documentation: https://www.firecoders.com/documentation/showtime-image-gallery#layouts

Before doing that, you may want to try the "Slideshow" layout that Showtime Image Gallery provides. It is based on the Slick carousel and it comes with responsive options.

Please let me know if you need more help.

Regards

Tuesday, 07 December 2021 17:58 EET

Jip JJ Jonker
Hi Lefteris! Thanks for getting back to me on this. I will also check the 'slideshow' layout. Thanks for that suggestion.

I do have another question: is there a way to use just one (maybe the first) image of the gallery as a thumbnail that users can click to open the slideshow (like 'lighgallery') and hide all other thumbnails?

So you would only see one image (thumbnail) but when you click on nit the opened (popup) slideshow does include all the images of the gallery?

Wednesday, 08 December 2021 10:42 EET

Lefteris Kavadas
Hi Jip,

There is no option for that but you can do this easily with a bit of CSS. If you have a link I can help you with this.

Regards

Wednesday, 08 December 2021 12:10 EET

Jip JJ Jonker
Hi Lefteris, we decided (for the site we are working on) to create a custom layout for our gallery (content plugin) using the swiper.js library.

You can see it in action here:
https://www.landtgoed.nl/particulier/feest

When we want one thumbnail and aa full pop-up gallery I guess we could just hide all other thumbnails except the first one using CSS. That's what you are suggesting right? That would work! Thanks.

Thursday, 09 December 2021 12:50 EET

Lefteris Kavadas
Hi Jip,

Very nice implementation!
Yes, that's what I am suggesting. You still need to have the images in the page markup so the lightbox keeps working. Hiding them using CSS is the only option.
If you need help with code please let me know.

Regards

Thursday, 09 December 2021 13:04 EET

Jip JJ Jonker
Thanks!

Note: An active subscription is required in order to get support for our paid extensions. For our free extensions, if you don't have an account, register and then submit your support request.  In case you just want to ask a question, you can also use the contact form .

Useful links

Joomla extensions

Copyright © 2016 - 2024 Firecoders - All Rights Reserved.
Firecoders is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla! name and logo is used under a limited license granted by Open Source Matters, the trademark holder in the United States and other countries.
Firecoders
Are you using our extensions? Please post a review at the Joomla extensions directory!
Post a review