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

Rockstar Slider - jQuery touch slider/gallery

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

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

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


Rockstar Slider - jQuery Touch Slider/Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Rockstar сенсорный слайдер скрипт для создания простой и минималистичный ползунок или слайд-шоу. Вот как это отличается от других слайдеров здесь:

Легкий

Сценарий только 5kb в размере и нет CSS файл!

Жидкость / Отзывчивый

Слайдер имеет возможность просто взять ширину и высоту в это родительский элемент. Это означает, что если ваш сторона жидкости и отзывчивый, ползунок будет также. Вы также можете вручную стиль основной слайдера быть фиксированной ширины и высоты, или то, что вам нужно. Он построен, чтобы быть гибким!

Супер проста в использовании

<div class="slideshow"> <div /> <div /> <div /> </div>

Это все, что вам нужно сделать слайд-шоу работу! Нет Javascript код не требуется, и ни внешний файл CSS. Все, что вам нужно сделать, это поставить HTML-код с класса "рок-звезды слайдер" и включают в себя сценарий. Он будет делать все остальное. Rockstar сенсорный слайдер был разработан с нуля, чтобы быть простым в использовании.

Природные Анимации и движение

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

Изображения: Заполните или Fit?

Общей проблемой многих слайдеров, что вы должны иметь изображения с точно такого же размера, как слайдер. Нет, это не тот случай. Независимо от того, какая доля или размер изображения, они всегда будут заполнить слайд. Вы просто добавить класс к изображению, как это:

<img src="image.png" class="fill" />

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

Журнал изменений

1.0.3 - 21 сентября 2015

  • Исправлена ​​ошибка, когда сенсорные события не будет работать в некоторых мобильных браузерах.

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

Свойства

Созданный:
18 сентября 12

Последнее обновление:
23 сентября 15

Совместимые Браузеры:
IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Край

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

Версия ПО:
JQuery

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

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