Question

我正在使用jssor javascript图像滑块的变体。我可以使用的代码是一个深度最小化的代码。我打算制作随机幻灯片顺序，但找不到方法。

（有一种可用于随机tarnsition的方法，但这不是我感兴趣的内容。）

我还尝试了一些修补几个公式的数学＆＃39;数学＆＃39;在代码中但无济于事。已经好几周了。

有人可以指导吗？

我的js的变种是开启的 Jssor Variant Slider I am using 非常感谢任何建议。

Answer 1

我仔细检查了jssor文档，似乎没有内置的随机顺序函数。有一个使用php的非常简单的解决方案。使用此方法，您每次打开网站时都会有随机的幻灯片顺序。对于10张幻灯片，有超过3,600万个组合，因此是随机的。

通常在jssor中，您的幻灯片具有以下代码：

<div data-p="375.00"><img data-u="image" data-src2="path/to/1.jpg" alt=""></div>
<div data-p="375.00"><img data-u="image" data-src2="path/to/2.jpg" alt=""></div>
<div data-p="375.00"><img data-u="image" data-src2="path/to/3.jpg" alt=""></div>
<div data-p="375.00"><img data-u="image" data-src2="path/to/4.jpg" alt=""></div>

如何随机化幻灯片顺序？

有一个php函数可以生成从-到$numbers = range(1,4);的数字，在本例中是从1到4。

然后，您需要洗牌。 shuffle($numbers);

现在，您要做的就是回显html代码。

要使此方法有效，您必须使用数字作为图像名称。

工作示例

<?php

//enter number of slides
$number_of_slides = '4';

$numbers = range(1, $number_of_slides);
shuffle($numbers);
foreach ($numbers as $number){
    echo '<div data-p="375.00"><img data-u="image" data-src2="path/to/'.$number.'.jpg" alt=""></div>';
}
?>

如果每个循环都需要随机的幻灯片顺序，则必须使用javascript找到解决方案。

jssor图像滑块中的随机滑动顺序

1 个答案: