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

Эмуляторы мобильных устройств


Иногда заказчик настолько требователен, что хочет, что бы сайт был четк и на телефоне.

Эмуляторы мобильных устройств


Opera Mobile emulator

Opera Mini Simulator

Iphone emulator

Android SDK

BlackBerry

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

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

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

пс: вооот это дождик на улице
«»
Вверх