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

Slider

— Додатки до WorldWideScripts.net

Підпишіться на наш канал, щоб залишатися в курсі подій!

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


Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Слайдер дозволяє мати горизонтально вирівняний контент, який не вписується в розмір вікна ви хочете. Ви можете поставити багато елементів, як ви хочете. Пункт складається з зображення, мітки та посилання. Якщо ви хочете ви можете змінити текст посилання на всі або тільки з одного або двох пунктів.

Як використовувати

Після включення PrototypeJS і Scriptaculous (ефекти + dragp & падіння), включають в себе файлові slider.js (об'єкт) і файл slider.css (стиль).

Потім, включити щось на зразок цього на навантаженні вікна:

 Новий слайдер ({ "слайдер": "слайдер test1", "елементи": [ {"Файл": "heroes.jpg", "мітка": "Герої", "посилання": "http://www.hulu.com/heroes"}, {"Файл": "prisonbreak.jpg", "мітка": "Prison Break", "заслання": "http://www.hulu.com/prison-break"} ] }); 

Цей код створює повзунок на елементі, який має ідентифікатор "слайдер тест". Він має 2 пунктів: Герої і Prison Break.

Slider Опції

На наступний список показує всі опції, доступні в слайдер.
  • слайдер - слайдер батьківський об'єкт або ID
  • itemWidth - ширина слайд (за замовчуванням 320)
  • ItemHeight - висота слайд (за замовчуванням 200)
  • Зображення слайд шлях (за замовчуванням "зображення /") - шлях
  • linkText - слайд текстове посилання за замовчуванням (за замовчуванням "Провідник")
  • анімації - оживити повзунок (за замовчуванням це правда). Слайдер буде тримати прокрутки, поки ви не натиснете маніпулятора.
  • animationDelay - час між анімаціями, в секундах (за замовчуванням 5)
  • slideDelay - час ефекту слайд, в секундах (за замовчуванням 1)
  • slideLoop - при досягненні останнього пункту, цикл з першою? (за замовчуванням це правда)
  • OnClick - подія викликається, коли клацнувши посилання товаром (за замовчуванням не є ні)

Замість того, щоб доїхати до кожного пункту, ви можете встановити функцію зворотного виклику при натисканні на конкретний пункт або зворотного виклику за замовчуванням. Зверніть увагу, що якщо ви встановите зворотний виклик за замовчуванням, вона завжди буде називатися і посилання не буде використовуватися.

 Новий слайдер ({ "слайдер": "слайдер test1", "OnClick": функція (пункт) { Alert ("Ви натиснули пункт" + item.get ("мітка")); } "елементи": [ {"Файл": "heroes.jpg", "мітка": "Герої"}, {"Файл": "prisonbreak.jpg", "мітка": "Prison Break", "OnClick": функція () {Alert ("Ви натиснули Prison Break!"); }} ] }); 

У попередньому коді, виклик за замовчуванням буде викликатися для елементів "Герої", але не для "Prison Break", тому що цей пункт має певну функцію зворотного виклику.

Перевірте демо на http://envato.diogoresende.net/slider/


Завантажити
Інші компоненти в цій категоріїВсі компоненти цього автора
КоментаріЧасті питання та відповіді

Властивості

Створений:
24 лютого десять

Останнє оновлення:
N / A

Сумісні Браузери:
Firefox, IE7, IE8, Opera, Safari

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

JS бібліотека:
Прототип 1.6, Script.aculo.us

Ключові слова

електронної комерції, електронної комерції, Всі товари, банер, ковзний