Разделы
Veselov CV | vvShop © 2008 – 2018
Контакты
email: igor@veselov.sumy.ua
skype: utz0r2
» » » Страница 195

jQuery плагин До/После


jQuery плагин До/После

Демо

Скачать
Download jquery.beforeafter.zip

Подключается:
<div id="container">
<div><img alt="before" src="before.jpg" width="600" height="366" /></div>
<div><img alt="after" src="after.jpg" width="600" height="366" /></div>
</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="jquery.beforeafter.js"></script>
<script type="text/javascript">
$(function(){
    $('#container').beforeAfter();
});
</script>

Опции:
animateIntro – whether or not to have the drag bar start completely to the right of the container and gradually move by itself to the midpoint (default false)
introDelay – if animateIntro is true, the number of milliseconds to wait before beginning the automatic drag bar move to the center of the image (default 1000)
introDuration – if animateIntro is true, the number of milliseconds it will take for the drag bar to go from the right side of the image to the middle of the image (default 1000)
showFullLinks – whether or not to display links below the image that a visitor can click on that will automatically show the full before or full after image (default true)
imagePath – the path (absolute or relative) to where you store the navigation images (default ‘/js/beforeAfter/’)

Как-то так:
$('#container').beforeAfter({
    animateIntro : true,
        introDelay : 2000,
        introDuration : 500,
        showFullLinks : false
});

jQuery UI эффекты анимации


Эффекты на jQuery: Blinds Effect, Clipping Effect, Drop Animation Effect, Explode Effect, Folding Effect, Puffing Effect, Sliding Effect, Scaling Effect, Pulsating Effect, Bouncing Effect, Highlight Effect, Shake Effect, Transfer Effect

jQuery UI эффекты анимации

Смотреть DEMO

ModalBox на prototype


ModalBox на prototype


ModalBox — javascript инструмент для создания современных модальных диалоговых окон без использования обычных всплывающих окон и перезагрузки страницы.

Reel jQuery (вращение изображения)


Reel jQuery (вращение изображения)

Reel это jQuery плагин который позволяет вращать фотографию. То есть получается анимация за счет смени координат слайса картинки, но выглядит это как вращение.

демо аля оф. сайт

Карусель на Jquery


Коллега показал, что существует такой вот скрипт карусели
Карусель на Jquery

Хочу прикрутить к одному из проектов.

ДЕМО / Скачать

пс: вооот это дождик на улице

FLOWPLAYER инструменты на Jquery


Очень мощный инструмент на Jquery. Этот сайт у меня в закладках.
FLOWPLAYER инструменты на Jquery

Табуляторы, всплывающие подсказки, скроллирывание, формы, боксы и многое другое можно посмотреть и скачать себе.

Волшебная ссылка на ресурс
«»
Вверх