2009-08-15 1 views
1

Для проекта я хотел бы создать баннер контента, который будет переключаться между несколькими «слайдами» (содержащими html, изображения и т. Д.). «Слайды» - это элементы div. Эффект slideIn, используемый jCarousel, - это не то, что хочет парень, он ослабляет его/fadeOut «слайды» с каждым «слайдом», отображаемым в течение 7 секунд.Переключатель содержимого jQuery и плагин fadein?

Кто-нибудь знает о плагине, который может это достичь?

P.s. Я попытался спросить, создал ли кто-нибудь эффект fadeIn/fadeOut для jCarousel, но вопрос не получил никакого ответа, поэтому теперь я готов изменить плагин для того, который выполняет эту конкретную задачу.

+0

JQuery имеет FadeIn? Что вы имеете в виду? Это довольно тривиально для реализации? Каков твой вопрос? Как это реализовать? –

+0

Нет готового плагина, который будет циклически перемещаться между 4-10 элементами div, используя эффект затухания. – Phil

ответ

4

Вы видели jQuery Cycle Plugin? Он имеет ton of different options, один из которых - эффект затухания. Просто скачайте код плагина, а затем использовать следующие

$(function() { 
    $('div.slideshow').cycle({ 
    fx: 'fade', // choose the fade transition type 
    timeout: 7000 // 7 second delay between fade in and fade out 
    }); 
); 

предполагающие ваши изображения все размеры одинаковы и в <div> с class="slideshow"

+0

Я отклонил этот плагин, потому что он использовал элементы img, а не элементы div, но загрузил его и попытался посмотреть, будет ли он работать. – Phil

+0

+1 для обучения меня полезному плагину! –

+0

это не ограничивается изображениями. В первой ссылке в моем ответе говорится: «Изображения используются в этих демонстрационных версиях, потому что они выглядят круто, но слайд-шоу не ограничивается изображениями. Вы можете использовать любой элемент, который вы хотите». –