WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Sliders

Vertical Sidebar Gallery - jQuery Slider

— Дополнения к WorldWideScripts.net

Подпишитесь на наш канал, чтобы оставаться в курсе событий!

Новинка! Следуйте за нами, как вы хотите!


Vertical Sidebar Gallery - jQuery Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Вертикальная боковая панель Галерея является JQuery плагин и тематические шаблоны, которые создают потрясающий вертикальный слайдер изображения с тремя степенями вращения. Вертикальная боковая панель Галерея является идеальным компаньоном для боковой панели вашего сайта. Вы можете использовать его в качестве изображений или признакам пост скроллера. Положите неограниченное количество контента в ограниченном пространстве! Вам просто нужно генерировать HTML вашего контента и галерея сделает все остальное. Это модно, интуитивно, и будет способствовать повышению пользовательский интерфейс любого веб-сайта.

Как использовать плагин? В принципе вы можете начать с файлом Basic.html. 1. Скопируйте HTML из Basic.html файла (код между тегами...). 2. Включить таблицу стилей, чтобы стиль галерея: <ссылка отн = "таблицы стилей" HREF = "CSS / style.css" Тип = "текст / CSS" /> 3. Добавьте necessare JavaScript файлы: <сценарий SRC = "JS / JQuery -1.7.1.min.js "> </ скрипт> <сценарий SRC =" JS / JQuery-MouseWheel-3.0.6 / jquery.mousewheel.min.js "> </ скрипт> <сценарий SRC =" JS / flowslider.jquery.js "> </ скрипт> <сценарий SRC =" JS / vsg.flowslider.jquery.js "> </ скрипт> 4. Начните использовать галерею с помощью вызова JQuery плагин:. <скрипт> Jquery () готов ( функция ($) {$ ( "VSG-обертка».) VerticalSidebarGallery ();.}); </ Скрипт>

Для того, чтобы настроить вашу галерею использовать следующие параметры:. <Скрипт> Jquery () готов (функция ($) {$ ( "VSG-обруча.") VerticalSidebarGallery ({префикс:. "VSG", // префикс showHoverBars класса CSS: правда // показывать ли верхнего левого меню парения rotateVertical: правда, // нужно ли использовать вертикальные вращения rotateHorizontal: true // нужно ли использовать горизонтальные повороты rotateThumbnails: true // использовать ли вращение эскиза optionsSliderHorizontal : {}, // параметры потока Slider для горизонтального слайдера optionsSliderVertical: {}, // параметры потока Slider для вертикального ползунков optionsSliderThumbnail: {} // параметры потока Бегунок для ползунков уменьшенных});}); </ Скрипт>

Чтобы лучше понять вариант потока Slider на вам предлагается посетить свой веб-сайт. Например, чтобы сделать горизонтальный ползунок, чтобы изменить свое положение без анимации, но мгновенно, просто установите optionsSliderHorizontal: {анимация: "None"}

Настройка устройства Галерея Вертикальная Картинная галерея поставляется с пятью дизайна тем установлена. Просто создайте элемент над ползунком с одним из классов кожи:.vsg-безрезьбового,.vsg-крупным планом,.vsg-трава, или.vsg-комбо. Но эй, если вы не можете найти свой дизайн до сих пор легко создать свой собственный внешний вид. Просто изменить цвета в одном из файлов CSS кожи.

Изменение размера бегунок Вы можете растянуть по вертикали боковой панели галереи до любой ширины вы хотите. Пять ширина опции устанавливаются для вас:.vsg-180,.vsg-200,.vsg-250,.vsg-300. Или создать свой собственный размер, настраивая один из CSS-файлов размера.

Мульти Миниатюры Добавить несколько изображений в миниатюре и бесконечное ротатор изображение будет создано для прокрутки этих изображений.

3-в-1 Slider Три ползунки питания этот шаблон: слайдер горизонтальная панель, вертикальный слайдер эскиз, и горизонтальный ротатор изображения.

Топ навигации слайдов верхние панели, нажав верхние кнопки навигации или зависания верхнюю левую навигационную легенду.

Колесо мыши Наведите курсор на ползунок для прокрутки содержимого верхней панели с помощью мыши колесо прокрутки.

Hash контроллер навигации по галереи с URL хэш-браузера. Например, добавьте # 3 к URL этой страницы и обновить его.

Поддержка браузеров Вертикальная Галерея изображений поддерживает все основные браузеры, как: Firefox, Internet Explorer, Chrome, Safari, Opera. CSS3 Transitions

Поддержка CSS3 перехода собственности. Создание слайдер с аппаратного ускорения CSS3 переходов.

Шаблон Flow Slider Это питается от Flow Slider Free JQuery плагин, который является endlesly настраиваемый и обеспечивает безупречное скольжение.

Настраиваемый плагин Настройка все функции галереи, изменив параметр при использовании этого плагина Jquery.


Скачать
Другие компоненты в этой категорииВсе компоненты этого автора
КомментарииЧасто задаваемые вопросы и ответы

Свойства

созданный:
23 мар 12

Последнее обновление:
23 мар 12

Совместимые браузеры:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

файлы, включенные:
JavaScript JS, HTML, CSS

Версия ПО:
Другое, Jquery

Ключевые слова

электронной коммерции, электронной коммерции, Все детали, карусель, галерея, образ, интерфейс, JavaScript JS, JQuery, движение мыши, картина, плагин, предварительный просмотр, поворотное устройство, ползунок, миниатюрами, пользовательский интерфейс, вертикальный