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

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

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