Как в презентации сделать перелистывание


Как в презентации сделать перелистывание
Как в презентации сделать перелистывание
Как в презентации сделать перелистывание


22фев2012

Turn.js плагин добавляющий эффект похожий на перелистывание страниц в книгах для HTML5. Используется аппаратное ускорение. Работает на планшетах и смартфонах. Прост в управлении и весит всего 6Kb.

<div id='magazine'>
<div> Страница 1 </div>
<div> Страница 2 </div>
<div> Страница 3 </div>
</div> #magazine{
width:800px;
height:400px;
}
#magazine .turn-page{
width:400px;
height:400px;
background-color:#ccc;
} $('#magazine').turn();

Конструктор

$('селектор').turn([опции]);

Пример:

$('селектор').turn({page:1});

Параметры:
    опции

  • width - тип: number, default: $('селектор').width()
  • height - тип: number, default: $('селектор').height()
  • page - тип: number, default: 1
  • shadows - тип: boolean, default: true
  • duration - тип: number, default: 600
  • acceleration - тип: boolean, default: true

Вызов методов или свойств:

$('селектор').turn(свойство | метод [, параметры]);

 

Офф. страница плагина:

Более подробное wiki:

Уважаемый посетитель, Вы зашли на сайт, как незарегистрированный пользователь.
Мы рекомендуем Вам , либо войти на сайт под своим именем.

  • ВКонтакте
  • Disqus
  • Facebook

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.


Источник: http://pcvector.net/scripts/slideshow_and_scroller/287-turnjs-perelistyvanie-stranic.html


Как в презентации сделать перелистывание

Как в презентации сделать перелистывание

Как в презентации сделать перелистывание

Как в презентации сделать перелистывание

Как в презентации сделать перелистывание

Как в презентации сделать перелистывание

Как в презентации сделать перелистывание

Как в презентации сделать перелистывание

Как в презентации сделать перелистывание

Как в презентации сделать перелистывание

Похожие новости: