Случайный порядок слайдов в слайдере изображений jssor

Question

Случайный порядок слайдов в слайдере изображений jssor

1

Я использую вариант jssor javascript image slider. Код, доступный для меня, - это очень сведенный к минимуму код. Я собираюсь сделать произвольный порядок слайдов, но не смог найти метод.

(Существует метод, доступный для случайного tarnsition, но это не то, что меня интересует).

Я также пробовал несколько манипуляций с несколькими формулами вокруг "математики" и т.д. В коде, но безрезультатно. Это были недели.

Может ли кто-нибудь руководить?

Вариант моего js находится на Jssor Variant Slider. Я пользуюсь благодарностью за любой совет.

Platform anthropocene Inc. 04 дек. 2017, в 04:18

Источник

0

Вы можете изменить порядок слайдов (HTML-код в контейнере слайдов) перед инициализацией слайдера jssor.
jssor 04 дек. 2017, в 12:53
0

Хорошо, конечно, но как? Вы имеете в виду сценарий, независимый от jssor? Благодарю.
Platform anthropocene Inc. 04 дек. 2017, в 20:08
0

извлечь все дочерние элементы в контейнере «слайды» и добавить каждый дочерний элемент случайным образом.
jssor 05 дек. 2017, в 05:52
0

Ок, прекрасно. Я использовал метод, приведенный в jsfiddle.net/qEM8B, и он работает отлично. Спасибо за совет.
Platform anthropocene Inc. 06 дек. 2017, в 19:05

Показать ещё 2 комментария

Теги:

javascript

slider

jssor

1 ответ

Ещё вопросы

Вы можете изменить порядок слайдов (HTML-код в контейнере слайдов) перед инициализацией слайдера jssor.
Хорошо, конечно, но как? Вы имеете в виду сценарий, независимый от jssor? Благодарю.
извлечь все дочерние элементы в контейнере «слайды» и добавить каждый дочерний элемент случайным образом.
Ок, прекрасно. Я использовал метод, приведенный в jsfiddle.net/qEM8B, и он работает отлично. Спасибо за совет.

Jakub Muda · Answer 1 · 2018-06-22T22-42-00.000Z

Я дважды проверял документы jssor, и кажется, что нет встроенной функции случайного порядка. Существует очень простое решение с использованием php. Используя этот метод, вы будете иметь случайный порядок слайдов каждый раз, когда вы открываете веб-сайт. Для 10 слайдов есть более 3,6 миллиона комбинаций, поэтому они случайны.

Обычно в 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.