gallery of little slideshows

Yes, i made an example here: https://beta.opajaap.nl/array-of-slideshows/

The code is very simple:

<style>.wppa-container{float:left;margin:6px;}</style>
[wppa type="slideonly" album="255" size="0.18"][/wppa]
[wppa type="slideonly" album="230" size="0.18"][/wppa]
[wppa type="slideonly" album="231" size="0.18" ][/wppa]
[wppa type="slideonly" album="259" size="0.18"][/wppa]
[wppa type="slideonly" album="256" size="0.18"][/wppa]

– No spaces or linebreaks btween the shortcodes (i added linebreaks above for clarity)
– use text editor, not visual!
– Table IV-B4: animation type set to Fade out and in simu;taneously
– Make sure you set the relation between Table I-B1 and Table I-B2 (aspect ratio) correctly matching the image sizes, so if the height is 2x the width, set the max width to 400 and max height to 800 or the like.

Thank you!!

That is awesome
Evelyn

Hi Jacob,

I’ve implemented that on this page..
https://geonoggin.com/home-2/

There is one thing we are needing for this gallery – we want the slides to change at different times for each one – so it looks random.
The goal of the client is the timing be kind of like “drops of rain in a puddle” – one changes, then another one changes, but randomly across the page (see there are 2 rows of items).

Is there a custom option to change the delay time for an individual slider? It looks like a global setting.

Thanks!
Evelyn

I expected this question, so i made it for you.

Do the following:

– Install the latest development version: https://wppa.nl/docs-by-subject/development-version/
– Add at the end of the shortcodes:

<script type="text/javascript">
var i;
for(i=1;i<=12;i++) {
_wppaTimeOut[i] = 'random';
}
</script>

Best is also here to avoid linebreaks to avoid unwanted white space.
The timing is now every time for every slideshow a random interval between two times and seven times the slideshow animation time as set in Table IV-B6.

This modification will also work in future releases.

Hi Jacob,

You are the best!!!!!

Thank you so much,
Evelyn

Just to clarify,

each time I have the open and close of the shortcode, right afterward add the above script? I’m using visual editor for this page and my first try didn’t seem to like it, I’ll go back and try perhaps a different element.

Thanks,
Evelyn

I meant – visual composer editor…
Evelyn

Use the Text editor!!!. You need the script only once, AFTER the shortcodes.

In the mean time i made a doc page on this suject, pls tell me if it is clear to you (and maybe to all others):

https://wppa.nl/docs-by-subject/slideshow-array/

Hi Jacob,

Here is the implementation with your new feature!

https://geonoggin.com/home-2/

I wonder if there is a setting that could cause the slides to hold longer to make the page feel a little slower?

I adjusted the duration time for sliders to be 15s, but they seem to be switching at about 4s.

Thank you so much for your great plugin and helpfulness!!!

Evelyn

I guess younset Tabe IV-B5 (Timeout) to 15 sec?

The timing is now every time for every slideshow a random interval between two times and seven times the slideshow animation time as set in Table IV-B6.

Table IV-B6 sets the Speed Slideshow animation speed.

This value is used for the calculation of the per slideshow random timout value, and replaces the (per slideshow) Timeout value.

So, increase Table IV-B6, not B5. B5 is now overruled.