jQuery Slideshow со случайными тайм-аутами - PullRequest
Новая
       10

jQuery Slideshow со случайными тайм-аутами

1 голос
/ 04 апреля 2011

Я пытаюсь настроить несколько мини слайд-шоу на главной странице моего сайта. Если вы пойдете туда сейчас (http://www.element17.com/),, вы увидите, что есть шесть категорий изображений, и в настоящее время некоторые PHP извлекают пять случайных изображений из базы данных и помещают их все в div «слайд-шоу». настройки для плагинов слайд-шоу jQuery, которые я видел. Мне бы хотелось, чтобы каждый из этих шести слайд-шоу просматривал пять случайных изображений.

Однако мне хотелось бы, чтобы время ожидания на каждом слайде было случайным, чтобы шесть слайд-шоу не синхронизировались друг с другом.

Я видел, что плагин Cycle поддерживает это, но мне не удалось его реализовать. Мне не нужны причудливые переходы (просто затухание), и мне не нужны никакие другие функции, поэтому кажется, что, возможно, это будет проще всего сделать с нуля. У меня нет большого опыта работы с jQuery, так что я надеюсь, что кто-то хотя бы может начать меня?

Большое спасибо!

1 Ответ

0 голосов
/ 04 апреля 2011

Что пошло не так с плагином Cycle?Вы должны иметь возможность использовать его следующим образом (не проверено): 

//time in ms
var minTime = 2000;
var maxTime = 5000;
$(document).ready(function() {
    $('.slideshow').each(function(ind) {
        $(this).cycle({
            timeout:Math.floor((Math.random()*(maxTime-minTime))+minTime),
            speed:1000
        });
    });
});

Просто измените минимальное и максимальное время по желанию.

...