Статьи

Слайд-шоу полноэкранных изображений jQuery от Chico

chicos-fullscreen-slideshow

Сегодня у нас есть гостевой пост от вдохновляющего разработчика jQuery под названием Chico Charlesworth или просто «Chico». Парень из Лондона разработал потрясающий полноэкранный плагин для слайдшоу jQuery. Проверьте демо, это круто!

Live Demo Скачать сейчас

jQuery Fullscreen Slideshow – это простой плагин, который позволяет легко создавать полноэкранные слайд-шоу изображений с анимацией увеличения / слайда.

Демо-версия показывает слайд-шоу из изображений, связанных с моими последними твитами. Загрузка включает в себя плагин и пример, который отображает слайд-шоу привлекательных изображений из National Geographic.

Начиная

  • Включите библиотеку jQuery и плагин jquery.fullscreen.slideshow.js на свою веб-страницу.
  • Вызовите $ .slideshow () с массивом изображений, чтобы запустить слайд-шоу.
<html>
<head>
<script type=”text/javascriptsrc=”http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js></script>
<script type=”text/javascriptsrc=”jquery.fullscreen.slideshow.js></script>
</head>
<body>
<script type=”text/javascript>
$.slideshow([“/path/to/image1.jpg”, “/path/to/image2.jpg”]);
</script>
</body>
</html>

view raw
slideshow.html
hosted with ❤ by GitHub

О плагине

Плагин загружает каждое изображение по очереди и отображает их в полноэкранном режиме, произвольно применяя масштабирование или анимацию слайдов. Скорость анимации и время перехода между изображениями настраиваются.

Наконец, я хотел бы отметить, что этот плагин унаследован от библиотеки Backstretch Скотта Роббина, которая отлично справляется с динамическим изменением размеров изображений в соответствии с окном браузера.

Автор: Чико Чарльзуорт

О себе: http://99layers.com/chico

Twitter: @ ccharlesworth