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, чисел, пан, підтримка фотографій, поворотний пристрій, слайд-шоу, ескізи, переходи, Підтримка відео, зум