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, рух миші, картина, підключати, попередній перегляд, поворотний пристрій, повзунок, слайдами, призначений для користувача інтерфейс, вертикальний