слайд-шоу на основе jquery / переходы для содержимого HTML

Question

При поиске ротаторов на основе JQuery можно найти только оригинальный плагин ротатора и несколько фотогалерей, которые мне не нужны.Пожалуйста, предложите другие доступные ротаторы.Ротатор должен иметь возможность вращать HTML не только изображения (например, инструмент Glimmer, который может создавать JQuery / HTML-код для вращения изображений).

Answer 1

Зачем использовать плагины? используйте этот вкладыш (я просто разделил его на 3 строки для удобства чтения)

см. демо

Ваш HTML должен быть примерно таким

HTML

<div class="yourContainer">
 <div>some html</div>
 <div>other html</div>
</div>

JS / jQuery

$(function(){
    $('.yourContainer div:gt(0)').hide();
    setInterval(function(){$('.yourContainer :first-child').fadeOut().next().fadeIn().end().appendTo('.yourContainer');}, 3000);
});

CSS (необязательно = делает переход более плавным)

.yourContainer{ position:relative;}
.yourContainer div{ position:absolute; hight:300px; width:300px; background:red; }

Answer 2

текст ссылки довольно круто. Они показывают пример компании по выплате заработной платы в своих демонстрациях, которые даже без Javascript деградируют.

Answer 3

Как насчет:

• jQuery Cycle Plugin
• jQuery Flip Plugin

Вы можетедаже измените / настройте эти плагины, чтобы создать желаемый эффект.

Answer 4

Я фактически использовал SlidesJS . Этот от Zurb также великолепен.

Answer 5

Я создал простой плагин под названием Basic jQuery Slider . Это просто и чисто и просто делает то, что должно. Если вы решите использовать его и у вас возникнут вопросы, просто спросите, и я вам помогу.