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

jSimplePresentation

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

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

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


jSimplePresentation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Цей пункт являє собою нове бачення слайд-шоу, запропонував в якості плагіна JQuery.
Деякі з можливих застосувань:

  • Щоб використовувати його замість PowerPoint, з тим щоб представити свої ідеї
  • Для реклами продукту, веб-сайт,...
  • Для того, щоб HTML призначений книгу
  • і т.д., і т.д.

Особливості

  • Можливість використовувати інші плагіни на додаток цього одного
  • Можливість завантажувати необмежену кількість сторінок
  • Це може містить те, що ви хочете (сторінка просто справ)
  • Сторінки (центр сторінки) автоматично змінюються з браузером
  • Повністю і легко настроюється
  • Дуже простий у використанні
  • Навігація за допомогою клавіатури (справа / зліва / SPACE / л)
  • Опція Слайд-шоу
  • Опція автозапуску
  • Опція петлі
  • Зображення попереднього завантаження варіант
  • Перейти в певній сторінці (з контролем забезпеченого вхід)
  • W3C Дійсний
  • Роботи з прошивкою (iPhone / IPad) і, звичайно, на Android
  • Три теми включені (сірий, синій, помаранчевий)
  • 4 предустановки перехідні
  • Ви можете написати свій власний перехід з простої функції у виклику плагіна
  • Переходи можуть бути різними для наступних і попередніх дій
  • Ну прокоментував (більшість дій в коді містять коментарі)

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

JS - Синтаксис
 $ (Документ).simplePresentation ({ Автозапуск: логічне, цикл: логічне, intervalTime: число, попередня завантаження: логічне, transitionFct: функція }); 

JS - Приклад із заданою перехідною
 VAR transitionFunction = функція (ELT, джерело, transitionTime) { Transition.opacity (ELT, джерело, transitionTime); }; $ (Документ).simplePresentation ({ Автозапуск: брехня, цикл: брехня, intervalTime: 2000, попередня завантаження: брехня, transitionFct: transitionFunction }); 

JS - Приклад з переходом ми пишемо
 VAR transitionFunction = функція (ELT, джерело, transitionTime) { elt.css ("непрозорість", "0"); // Якщо ми йдемо на наступній сторінці якщо (джерело == "ПРАВО") { elt.css ("marginLeft", "100%"); elt.animate ({ "Непрозорість": 1, "MarginLeft": "0px" }, TransitionTime); } Ще { elt.css ("marginRight", "100%"); elt.animate ({ "Непрозорість": 1, "MarginRight": "0px" }, TransitionTime); } }; $ Презентація = $ (документ).simplePresentation ({ Автозапуск: брехня, цикл: брехня, intervalTime: 4000, попередня завантаження: правда, transitionFct: transitionFunction }); 

HTML-
 <DIV ID = "контейнер"> <DIV ID = "стр.1"> ... </ DIV> <DIV ID = "стор.2"> ... </ DIV> </ DIV> 
Кожен DIV з ID = "pageX" являють собою сторінку.
Кожен сторінки повинні мати ідентифікатор, який починається з "сторінки".

Сумісні браузери

Цей пункт працює з наступними браузерами:
  • Firefox 4+
  • IE7 + (використовує відокремлений CSS стилів для IE менш V.9)
  • Опера
  • Хром
  • Сафарі

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

Властивості

Створений:
15 11 грудня

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

Висока Якість:
Немає

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

Файли в комплекті:
JavaScript JS, HTML, CSS

Версія По:
JQuery

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

електронної комерції, електронної комерції, Всі Деталі, анімація, дизайн, силова установка, презентація, повзунок, слайд шоу, перехід