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 / Images and Media

Ken Burns Media Gallery / Slideshow

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

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

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


Ken Burns Media Gallery / Slideshow - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

WordPress Версия

ГАЛЕРЕЯ поддерживает изображения, видео, аудио встроенный телефон Ipad совместимы минутах установку Кена Бернса эффект миниатюры навигации и многое другое!

Обновления

ОБНОВЛЕНИЕ 2.1 [14/06/2011]

  • добавил autoheight пример + API вызовы

ОБНОВЛЕНИЕ 2.0 [09/06/2011]

  • Исправлены ошибки
  • ребрендинг, чтобы Phoenix Gallery - те же черты галерея + больше
  • добавил миниатюрами навигации

Введение

JQuery Кена Бернса Slideshowis идеальный способ, чтобы продемонстрировать свои снимки / объявления в стиле. Каждый элемент имеет отдельное время слайд-шоу, и вы можете редактировать их связь, цели и многие другие индивидуальные настройки, просто изменив HTML.

Особенности

  • поддерживает.PNGs,.JPGs,.GIFs
  • API - звоните пауза, играть, gotoNext, gotoPrev от вашего HTML (вне галереи)
  • autoheight - возможность Autosize галерею в зависимости от высоты содержания
  • поддерживает неограниченное предметы - повернуть столько снимков, сколько вы хотите
  • Режим слайд-шоу - с независимой выдержкой времени для каждого элемента, который вы можете определить в HTML предоставленной
  • Значения, которые вы можете настроить для каждого элемента - описание (описание сверху), initialZoom (любое значение вы хотите), finalZoom, slideshowTime (время баннер ротатор остается сфокусированным на конкретного пункта), время горения эффекта (время, которое вы хотите эффект, чтобы взять), URL (если URL не установлен элемент будет просто изображение без ссылки на клик), transitionType (easeInSine, линейный и т.д.), initialposition, окончательная позиция (выбрать из левого верхнего, topcenter, topright, middleleft, middlecenter, middleright, bottomleft, bottomcenter, bottomright)
  • изменяемого размера на ваш любимый размер - все содержимое будет позиционировать правильное

Возможные позиции панорамирования (начальная и конечная)

Часто задаваемые вопросы

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

Вы не можете установить количество эскизов, отображаемых на "странице", потому что это автоматически рассчитывается от ширины большого пальца / высоты и большого пальца пространстве. Поэтому постарайтесь, чтобы снизить, что для более пальцами. Также есть еще один параметр "nav_arrow_size: 40" - это пространство, которое выделяется для каждой стрелки (так в 80 пикселей по умолчанию будут вычтены для стрел), и вы также можете снизить это для более пальцами.

это можно поставить ссылку на изображение, (основное изображение Offcourse не эскизов) Да, конечно, написать

 <a href="#"> <IMG SRC = "IMG / def1.jpg" /> </a> 

вместо

 <IMG SRC = "IMG / def1.jpg" /> 

Я стараюсь, чтобы добавить ссылки в описании, но он ломает сценарий

Propably вы делаете что-то вроде этого

ПЛОХО :

 данных Описание = "Моя ссылка <a href="http://something"> здесь </a>" 

Проблема в том, что "внутри HREF ломает" от описания данных. Решения является использование "вместо"

ХОРОШО :
 данных Описание = "Моя ссылка <a href="http://something"> здесь </a>" 
Здравствуй. Как я могу остановить авто-скольжения phoenixgallery

у вас есть в параметрах

 targetgallery.phoenixgallery ({ transition_type: "случайных", nav_type: "thumbsa", nav_position: "вверх", thumb_width: 100, thumb_height: 75, thumb_space: 20, nav_space: 25, nav_arrow_size: 40, settings_shadow: "от", settings_autoresize: "от", settings_autoheight: "от", settings_pauseonrollover: "от", settings_usethumbarrows: "выключено", transition_strips_x: 10, transition_strips_y: 5, arrows_normal_alpha: 1, arrows_roll_alpha: 0,3, thumbs_normal_alpha: 1, thumbs_roll_alpha: 0,3 }) 
слайд-шоу, чтобы отключить просто добавить новый параметр settings_slideshow и отключите его, как это
 targetgallery.phoenixgallery ({ transition_type: "случайных", nav_type: "thumbsa", nav_position: "вверх", thumb_width: 100, thumb_height: 75, thumb_space: 20, nav_space: 25, nav_arrow_size: 40, settings_shadow: "от", settings_autoresize: "от", settings_autoheight: "от", settings_slideshow: "от", settings_pauseonrollover: "от", settings_usethumbarrows: "выключено", transition_strips_x: 10, transition_strips_y: 5, arrows_normal_alpha: 1, arrows_roll_alpha: 0,3, thumbs_normal_alpha: 1, thumbs_roll_alpha: 0,3 }) 
Ибо почему-то, когда я добавить ссылку к изображению эффект масштабирования больше не функции.

Это потому, что атрибуты данных initialZoom, данных finalZoom, данных effectTime т.д. должны быть на прямой ребенка галереи дел. Например, если у вас есть

 

Эффект будет работать, но если вы добавите ссылку, как это
 <a href="#"> </a> 
эффект не будет работать. Вы должны переместить атрибуты в прямом ребенка галереи как так:
 <a href="#" data-finalzoom="2"> </a> 

Кредиты

Креатив - http://www.flickr.com/photos/markjsebastian/

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

Свойства

Созданный:
2 авг 10

Последнее обновление:
N / A

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

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

Версия ПО:
JQuery

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

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