• Мастер класс по созданию плагина галереи на jQuery

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

    для тех кому не нужны технические подробности, прошу скачать готовый плагин

  • Симпатичный COIN слайдер на jQuery с уникальными эффектами перехода

    На просторах интернета нашел один очень симпатичный слайдер изображений COIN SLIDER, работающий на jQuery. Его можно скачать как на официальном сайте так и на xdan'е. Всякое бывает, проект забросят или сайт пропадет, именно поэтому выкладываю public скрипты у себя на сайте, но все же настоятельно советую качать такие вещи с оффсайтов. Слайдер вырос из другого подобного плагина того же автора jqFancyTransitions

    Симпотичнчый COIN SLIDER на Jquery с великолепным эффектом перехода

    И так, что он умеет.

    Плагин совместим с Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+, т.е. можно уверенно сказать, что он запуститься почти на всех браузерах. Также у него есть ряд несомненных плюсов:

    Он бесплатен и используется по  MIT лицензии

    Совместим с Android и iPhone (iOS) платформами

    Имеет уникальный эффект перехода между слайдами

    Валидная разметка слайдера

    Гибко настраеваемая конфигурация

    Автоматическая прокрутка слайда

    Кнопки навигации (Назад, Вперед и перейти к нужному слайду)

    Легковесный (всего 8kb)

    Полностью настраиваемый с помощью CSS

     

     

     Посмотрите на Демо

     

  • Создаем плагин Галерею на jQuery

    Для написания плагина будут использоваться материалы из статьи Мастер класс по созданию плагина галереи на jQuery, а также для понимания материала рекомендую ознакомится со статьей Как написать плагин на jQuery

    Что я хотел получить в результате

    На страницу в произвольном порядке выводятся несколько блоков, содержащих фотографии. Этими блоками могут быть, как обычные <div> так и ссылки <a>. Кроме них к странице подключаются два файла, сам плагин и его стили. Вызвав соответствующий названию плагина метод объекта $, с некими параметрами мы бы получали прокручивающуюся галерею фото. Фотографии должны прокручиваться, как с помощью мыши так и соответствующими кнопками по бокам галереи - назад-вперед. Кроме этих средств навигации в плагине должна быть возможность прокрутки к любой фотографии. 

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

    Если Вам лень читать, как это все работает то Вы можете скачать готовый плагин