Июн
4
2011

Очень интересный плагин для jQuery — cycle

Недавно увидел интересный плагин для jQuery — Cycle. Его часто используют в галереях, и в маленьких заголовках новостей на сайте. Я покажу вам демо, а дальше если вам понравится покажу как это делается.
Итак смотрите несколько примеров:


Итак это был пример с фотографиями а теперь немножко другой с текстом:

Итак как я понял вам понравилось???
Тогда чтоб у вас так же само все заработало нужно сначала подключить сам плагин:

<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>

После этого вот как производится выборка элементов в этом плагине покажу на примере галереи:

$('img').cycle({ 
    fx:  'scrollUp' // эффект при смене
    });

Свойство FX — отвечает за анимацию или эффект при смене картинок вот пример возможных значений: blindX, blindY, blindZ, cover, curtainX, curtainY, fade, fadeZoom, growX, growY, none, scrollUp, scrollDown, scrollLeft, scrollRight, scrollHorz, scrollVert, shuffle, slideX, slideY, toss, turnUp, turnDown, turnLeft, turnRight, uncover, wipe, zoom.
Чтобы увидеть как они выглядят перейдите сюда.

P.S. Я готовлю маленькое обновления этого блога и скорее всего тоже буду использовать плагин cycle.

Вам будет интересно прочитать и это:

Об авторе: Петро Бородатий

Создаю веб-сайты, пишу скрипты для популярных CMS, веду блог. Программист портала AdvertsMarket.net.

Оставить комментарий

Услуги

Веб-студия "MKSITE"

Реклама от Google

Социальные сети

Партнеры

Система Orphus