probably with Jquery custom code...

Hello KolAsim ???!! any idea ?

In this post I describe how to create a gallery with random order of images using PHP code in the HTML object.

>> https://helpcenter.websitex5.com/de/post/263812 (German, translate with Google)

Alternatively, KolAsim's code could be used, but then the objects "Masonry" or "Justified Gallery" would have to be used and a link to the page with these objects would have to be posted.

Object "Masonry" (20 Credits) or "Justified Gallery" (20 Credits) in the marketplace, see

>> https://market.websitex5.com/de/objekte/gallery_and_slideshow (Page 1 and 2)

(It > En)  ... Daniel's suggestion is very good...
... unfortunately I don't have the program at the moment, and in order to evaluate I can do it if you post the LINK of an example of a gallery published online...
... depending on the type and the cases it is not always possible to shuffle the images of the program's galleries...
... but if you post the LINK I can make an evaluation...
... a while ago I created a code to shuffle the portfolio object cards...

.

ciao

@Axel:

I copied the ShowBox code from source and added the PHP variables.

The settings allow the normal user to set the maximum size of the ShowBox window.

The directory of images is given above along with the other image data so that users do not have to make any changes in the code below and can also use images from different directories.

-----

echo "\t" . '<a href="' . $pieces[0] . '"><img src="' . $pieces[0] . '" alt="'. $pieces[2] .'" title="'. $pieces[3] . '" style="width: 23%; margin: 5px" onclick ="return x5engine.imShowBox({ media:[{type: \'iframe\', url: \'' . $pieces[0] . '\', width: 1920, height: 1080, description: \''. $pieces[1] .'\'}]}, 0, this);" /></a>';
}

-----

I modified my PHP code slightly so that you only need to enter the path to the images once.

I marked the user input in bold in the PHP code.

Test page >> https://findelinks.de/123shop-hosteurope/galeriesortierung-per-zufall.php

.

----- PHP code ----

<?php
$images = array
(
'image-123.jpg//Description 1//Alt tag 1//Title 1',
'image-234.jpg//Description 2//Alt tag 2//Title 2',
'image-345.jpg//Description 3//Alt tag 3//Title 3',
'image-456.jpg//Description 4//Alt tag 4//Title 4',
);
$path = './path-to-images/';

shuffle($images); // the magic

echo '<div class="image-entry">';

foreach ($images as $image)
{
$image = $path . $image;
$pieces = explode("//", $image);

echo "\t" . '<a href="' . $pieces[0] . '"><img src="' . $pieces[0] . '" alt="'. $pieces[2] .'" title="'. $pieces[3] . '" style="width: 23%; margin: 5px" onclick ="return x5engine.imShowBox({ media:[{type: \'iframe\', url: \'' . $pieces[0] . '\', width: 1920, height: 1080, description: \''. $pieces[1] .'\'}]}, 0, this);" /></a>';
}

echo '</div>';
?>

Setting the colors for the ShowBox:

2 Template > ShowBox

background
Color [ Red v]

Box of contents
Color [ White v]

.

----- Screenshot (German version) -----

HA Yesssss... Obviously !!!!