Сегодня у нас есть гостевой пост от вдохновляющего разработчика jQuery под названием Chico Charlesworth или просто «Chico». Парень из Лондона разработал потрясающий полноэкранный плагин для слайдшоу jQuery. Проверьте демо, это круто!
jQuery Fullscreen Slideshow — это простой плагин, который позволяет легко создавать полноэкранные слайд-шоу изображений с анимацией увеличения / слайда.
Демо-версия показывает слайд-шоу из изображений, связанных с моими последними твитами. Загрузка включает в себя плагин и пример, который отображает слайд-шоу привлекательных изображений из National Geographic.
Начиная
- Включите библиотеку jQuery и плагин jquery.fullscreen.slideshow.js на свою веб-страницу.
- Вызовите $ .slideshow () с массивом изображений, чтобы запустить слайд-шоу.
| <html> | |
| <head> | |
| <script type=»text/javascript» src=»http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js«></script> | |
| <script type=»text/javascript» src=»jquery.fullscreen.slideshow.js«></script> | |
| </head> | |
| <body> | |
| <script type=»text/javascript«> | |
| $.slideshow([«/path/to/image1.jpg», «/path/to/image2.jpg»]); | |
| </script> | |
| </body> | |
| </html> |
by О плагине
Плагин загружает каждое изображение по очереди и отображает их в полноэкранном режиме, произвольно применяя масштабирование или анимацию слайдов. Скорость анимации и время перехода между изображениями настраиваются.
Наконец, я хотел бы отметить, что этот плагин унаследован от библиотеки Backstretch Скотта Роббина, которая отлично справляется с динамическим изменением размеров изображений в соответствии с окном браузера.
Автор: Чико Чарльзуорт
О себе: http://99layers.com/chico
Twitter: @ ccharlesworth