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

pageAnimate Web-Page Slider

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

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

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


pageAnimate Web-Page Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting



Этот плагин JQuery является полная страница слайдер для навигации между страницами. Например, вы могли бы вашу домашнюю страницу на одном слайде, контактную страницу на другой, и так далее. Это является гибкой и работает во всех основных браузерах, в том числе Internet Explorer 6 ( : O ) И мобильные браузеры.

Как и предполагает название, вы можете положить все, что внутри слайда (другой контент JQuery, видео, и какие-нет), и каждый слайд будет перемещаться, чтобы посмотреть переполнение, как и любой нормальный странице. Там я ничего не знаю о том, что будет нарушать ползунок, и вы можете добавить неограниченное количество слайдов. Это именно то, что вам нужно, чтобы оживить свой сайт!

Хотя это предназначено для содержания полном окне, вы можете так же легко использовать это в качестве традиционного JQuery слайдер контента. В самом деле, pageAnimate, наверное, лучше, чем других слайдеров, поскольку он прекрасно работает в Internet Explorer 6!

Примечание: Если вы просматриваете превью CodeCanyon в мобильном браузере, оказание CodeCanyon не будет работать вообще. Вы должны посетить http://creativewebsites.me/pageAnimate/preview, чтобы увидеть его в действии.

Версия 1.1 ОБНОВЛЕНИЕ

Версия 1.1 поставляется с двумя новыми функциями: способность давать каждый слайд уникальный URL-адрес (с использованием хэша) и автомобильной продвижении функции, так что ползунок автоматически перебирает всех слайдов непрерывно. И не может быть включен в то же время (я не могу думать ни о ком, что хотел бы, что в любом случае).

Если у вас установлен предыдущий вариант, и вы обновление до этой версии, убедитесь, что вы жестко «Данные салазки =" 0 "" атрибута в DIV, который имеет класс.pageAnimate. Вот так:

 <DIV класс = "pageAnimate" данных слайд = "0"> </ DIV> 

Кроме того, нужно будет добавить следующий класс для всех слайдов вызывает:.pageAnimate_trigger

Что делать, если JavaScript отключен?

Этот плагин работает в первую очередь на JavaScript - но что делать, если JavaScript отключен? Это слайдер бесполезно (и это означает, что люди могут видеть только домашнюю). Нет, конечно нет. Вы можете добавить резервный "HREF" ссылку на триггеры, которые идут к слайду. Поэтому, когда JavaScript отключен, этот триггер не будет идти на слайд в pageAnimate, но просто продолжить работу в обычном порядке на другую страницу (которые вы, определенной в "HREF").

Любая тянуть контент с других веб-страниц движок pageAnimate?

Нет, сам плагин не тянет контент с других веб-страниц. Хотя вы могли бы сделать, что с помощью всего нескольких строк Ajax или PHP кода, скрипт сам не имеет, что функциональность и содержание каждого слайда / страница должна быть добавлены вручную. Чтобы вытащить содержимое из вашего веб-сервера с помощью Ajax, просто используйте этот код:
 <тип сценария = "текст / JavaScript"> $ ("#slide_id_or_class").load ("http://www.yourserver.com/yourpage.html"); </ скрипт> 
(Просто измените #slide_id_or_class "в CSS ID или класса pageAnimate слайд, который вы хотите добавить к)

Так как я делаю слайдер перейти к слайд?

Это не могло быть проще - просто добавьте этот код:
 <a class="pageAnimate_trigger pageAnimate_trigger1"> Этот текст будет идти слайд 2 </a> 
Обратите внимание на количество добавленной к концу имени класса? Это небольшое число определяет, что слайд будет анимированные. Но так как все в JavaScript начинается с нуля (медведь со мной здесь), мы должны до минус 1 от числа слайдов. Так, например, если мы хотим, чтобы слайдер, чтобы перейти к слайд # 4, когда текст будет нажата, мы хотели бы добавить этот класс: "pageAnimate_trigger 3". Если мы хотим, чтобы слайдер, чтобы перейти к слайд № 6, мы хотели бы добавить этот класс: "pageAnimate_trigger 5". Как уже упоминалось выше, вы можете добавить ссылку на тега привязки, которые могут быть затем только тогда, когда JavaScript отключен. Так это означает, что посетители будут по-прежнему иметь возможность просматривать клонированный страницу в другом месте на вашем сайте, если они у вас отключен.

Должен ли я вручную добавить ссылку на каждый слайд?

Вовсе нет - сценарий делает всю работу за вас.

Как я могу сделать это в нормальном содержании Slider и не веб-страницы Slider?

Легко - все, что вам сделать, это изменить одну строку в "Настройки" сценария JQuery. Вам нужно будет иметь DIV (или другой подобный тег) в качестве контейнера для слайдера pageAnimate. Просто определите, что DIV в сценарии.

Есть какие-либо проблемы или ошибки?

  1. Когда окно браузера увеличены или уменьшены в IE 8, слайды не автоматически изменять размер, чтобы стать полный экран. Я пытался в течение веков, чтобы найти решение, но не может. Однако они размер, когда фактическая окно вытащили меньше или больше. Это уникальный для IE 8. Это не должно быть большое дело, так как не будет слишком много людей, увеличения и на IE8.
  2. При использовании JQuery 1.8.1, Firefox зависает, когда многие триггеры нажал в быстрой последовательности. Работает отлично с JQuery 1.7.2.
  3. Навигации слайдера полностью ломается при увеличении масштаба на смартфоне. Это может быть исправлено путем добавления этого кода в <HEAD> части вашего HTML документа:
     <META NAME = "области просмотра" контента = "ширина = устройства ширину; начальная масштаб = 1; максимальный масштаб = 1"> 
  4. Анимация ползунка может быть немного нервный на старых смартфонов - хотя это не так уж плохо.

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

Свойства

Созданный:
13 ноября 12

Последнее обновление:
18 мая 13

Высокое разрешение:
да

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

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

Версия ПО:
JQuery

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

электронной коммерции, электронной коммерции, Все детали, CSS, HTML, Javascript, JQuery, JQuery слайдер, слайдер страница, pageAnimate, нумерация страниц, королевская слайдер, ползунок