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

— Eklenti WorldWideScripts.net için

@tr1wwsGüncel kalmak bizim beslemesine abone olun!

Yeni! Istediğiniz gibi bizi takip edin!


Ken Burns Media Gallery / Slideshow - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

WordPress Sürüm

GALERİ görüntüleri, video, ses inline Telefon iPad uyumlu dakika yüklemesi Ken Burns efekti küçük resimler navigasyon ve daha fazla destekler!

Güncellemeler

GÜNCELLEME 2 0,1 [14/06/2011]

  • autoheight örnek + api çağrıları eklendi

GÜNCELLEME 2 0,0 [09/06/2011]

  • Sabit hatalar
  • Phoenix Gallery rebranded - Aynı galeri özellikleri + daha fazla
  • katma küçük gezinti

Tanıtım

jQuery Ken Burns tarzı Resimlerinizi / reklamlar vitrin için mükemmel bir yol Slideshowis. Her madde ayrı bir slayt süresi vardır ve sadece HTML değiştirerek kendi bağlantı, hedef ve diğer pek çok bireysel ayarlarını düzenleyebilirsiniz.

Özellikler

  • .PNGs, jpgs,.GIF'leri destekler
  • API - (galeri dışında) html gelen gotoNext, gotoPrev oynamak, duraklatmak çağrı
  • autoheight - seçeneği içeriğinin yüksekliğine bağlı olarak galeri autoSize için
  • İstediğiniz kadar fotoğraf döndürme - Sınırsız ürün desteği
  • Slayt gösterisi modu - her öğe için bağımsız zaman size verilen HTML tanımlayabilirsiniz
  • Her öğe için kurabilirsiniz değerler - açıklamasına (üstten açıklama), initialZoom (herhangi bir değer istediğiniz), finalZoom, slideshowTime (banner rotator belirli bir öğe üzerinde duruldu kalır süre), yanık etkisi süresini (zaman sen almaya etkisi) hayır url öğesi sadece tıklama hiçbir link) ile bir görüntü olacak ayarlı ise, url (transitionType (easeInSine, doğrusal, vb), initialposition, son pozisyonu (topleft, topcenter, topright seçim diliyorum, middleleft, middlecenter, middleright, bottomleft, bottomcenter, bottomright)
  • Tercih ettiğiniz boyuta yeniden boyutlandırılabilir - tüm içerik uygun yer alacak

Olası kaydırma pozisyonları (ilk ve son)

SSS

Uzay 4 için varken nasıl küçük resim sayısını ayarlamak için, ben, kaydırıcı.. navigasyon sadece 2 tanesi gösteriyor bu portre görüntüleri var?

O başparmak genişlik / yükseklik ve başparmak uzaydan otomatik olarak hesaplanır çünkü sen 'sayfasında' başına görüntülenen küçük resim sayısını ayarlayabilirsiniz olamaz. Böylece daha fazla başparmak o düşürmeye çalışın. Ayrıca başka bir parametre "nav_arrow_size: 40" var - bu (yani varsayılan 80 px oklarla için düşülmesiyle olan) her ok için ayrılan alandır ve aynı zamanda daha fazla başparmak için bu düşürebilirsiniz.

o görüntülerde bir bağlantı (değil küçük offcourse ana görüntüyü) Evet, tabii, yazma koymak mümkündür

 <a href="#"> <img src = "img / def1.jpg" /> <a 

yerine

 <img src = "img / def1.jpg" /> 

Ben açıklama bağlantıları eklemeyi deneyin ama bu senaryoyu tatili

Propably böyle bir şey yapıyorsun

KÖTÜ:

 veri description = "Benim bağlantı <a href="http://something"> burada </a>" 

Sorun veri açıklamasından "içeriden href kırar" olmasıdır. Çözümler "kullanmak 'yerine ise

İYİ:
 veri açıklama = 'Benim bağlantı <a href="http://something"> burada </a>' 
Merhaba. Ben phoenixgallery otomatik kayar nasıl durdurabilirim

Eğer parametreleri var

 targetgallery.phoenixgallery ({ transition_type: "rastgele", nav_type "thumbsa" nav_position: "yukarı", thumb_width: 100, thumb_height: 75, thumb_space: 20, nav_space: 25, nav_arrow_size: 40, settings_shadow: "kapalı", settings_autoresize: "kapalı", settings_autoheight: "kapalı", settings_pauseonrollover: "kapalı", settings_usethumbarrows: 'kapalı', 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 }) 
Slayt gösterisini devre dışı bırakmak için sadece yeni bir parametre settings_slideshow eklemek ve bu gibi için yola çıktık
 targetgallery.phoenixgallery ({ transition_type: "rastgele", nav_type "thumbsa" nav_position: "yukarı", thumb_width: 100, thumb_height: 75, thumb_space: 20, nav_space: 25, nav_arrow_size: 40, settings_shadow: "kapalı", settings_autoresize: "kapalı", settings_autoheight: "kapalı", settings_slideshow: "kapalı", settings_pauseonrollover: "kapalı", settings_usethumbarrows: 'kapalı', 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 }) 
Nedense ben artık görüntü işlevleri yakınlaştırma efekti bir bağlantı eklediğinizde.

Nitelikleri veri initialZoom, veri finalZoom, veri effectTime vb galeri div doğrudan çocuk üzerinde olması gerekir olmasıdır. Örneğin eğer varsa

 

Böyle bağlantıyı eklerseniz etkisi çalışmak, ancak
 <a href="#"> </a> 
etkisi çalışmaz. Sen şöyle galeri doğrudan çocuğa özelliklerini taşımak gerekir:
 <a href="#" data-finalzoom="2"> </a> 

Kredi

Yaratıcı fotoğrafları - http://www.flickr.com/photos/markjsebastian/

Indir
Bu kategorideki diğer bileşenleriBu yazarın tüm bileşenleri
YorumlarSıkça sorulan sorular ve cevapları

Özellikleri

Oluşturuldu:
2 Ağustos 10

Son Güncelleme:
N / A

Uyumlu Tarayıcılar:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Dosyalar Dahil:
JavaScript JS, HTML, CSS

Yazılım versiyonu:
jQuery

Anahtar kelimeler

eTicaret, eTicaret, Bü, tü, n eşyalar, oklar, Ö, zel navigasyon, etkileri, galeri, gö, rü, ntü, ken yanıklar, sayılar, tava, Resimler desteği, dö, ndü, rü, cü, Slayt gö, sterisi, kü, ç, ü, k resimler, geç, işler, video desteği, zoom