Automatic Slideshow Based on Blueimp Gallery

Good morning,

Time to share/give back to the community.

I have created a sideshow plugin for Pagekit, that takes all images in a directory, and produces previews of images contained. When you then click on one of the previews, a fully responsive slideshow will start. The plugin is a wrapper around the Blueimp library provided by Sebastian Tschann (https://github.com/blueimp/). If you want to see the plugin in action, please, see https://www.mercator.li/galleries/rail-days.

To use this plugin within Pagekit:

• Unzip the enclosed file into the packages directory.
• Create a directory called "Images" within Storage.
• For each slideshow you want to produce, create a directory within Images, e.g., show1.
• To include a preview of your images onto your page, simply use (mercator_big){"dir":"show1"} . The script will automatically produce a preview of the images.

• When you click on one of the images, a fullscreen slideshow (fully responsive) will start.

Working some more on this (parts is already in the code), so feedback is welcome.

Happy weekend,

Mercator

Quote from Abdulhalim

I guess, You can use it every where you can use the editor.

Thank you Mercator

Yes, on any page!

Quote from Fosphatic Duke

Mercator has a simple one that seems to be awesome and should be available in the pagekit marketplace.

Thanks you... Let's improve it further. There are some things I still want to do, like inline slideshows as opposed to fullscreen and delivering the pics at different sizes (at the moment, it is 2000px, which allows for full screen on a desktop but uses (too much) bandwidth in case of small screens).

I th

Quote from Fosphatic Duke

That's indeed too much for small devices is it possible to get the uikit own slideshow as,

I think making the plugin work with any slideshow would be pretty straightforward. I am currently using blueimp as it was "the best" (for me) I could find at teatime. Looking at the UIKit, Lightbox, Slideshow and Solideste look a bit limited compared to Blueim but I would think it would not take to too long to re-reite the code to use one or more of these.

Quote from Fosphatic Duke

That's indeed too much for small devices is it possible to get the uikit own slideshow as the renderer?

OK, I think I have a solution and only use UIKit

OK, the basic stuff is working based on UIKit, see for yourself: https://www.mercator.li/galleries/rome

It looks nicely and is responsive. However, when I open it using an i-Device, such as an iPhone or iPad, the left/right arrows are not showing and swiping does not really work well (at least in Safari, Chrome works somehow). Am I the only one having this problem?

We can make whatever... I am just not having the time at the moment to read through all the material on how to package for Pagekit. Let me do the functionality first and then we can do that.

Quote from Fosphatic Duke

Mercator one question lad do you made a repository for this plugin? Probably we can make a real package for pagekit out of it.

We can make whatever... I am just not having the time at the moment to read through all the material on how to package for Pagekit. Let me do the functionality first and then we can do that. This will be probably more than one extension anyway...