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

Slider

— Eklenti WorldWideScripts.net için

@tr1wwsGüncel kalmak bizim beslemesine abone olun!

Yeni! Istediğiniz gibi bizi takip edin!


Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Slider istediğiniz pencere boyutuna uymuyor yatay olarak hizalanmış içeriği sahip olmanızı sağlar. İstediğiniz kadar birçok öğe koyabilirsiniz. Bir ürün, resim, bir etiket ve bir bağlantı oluşur. Eğer tüm veya sadece bir veya iki öğe bağlantı metnini geçersiz kılabilir istiyorum.

Nasıl kullanılır

PrototypeJS ve Scriptaculous (etkileri + dragp & bırak dahil) sonra dosya slider.js (nesne) ve dosya slider.css (tarzı) içerir.

Ardından, sadece pencere yükü böyle bir şey şunlardır:

 Yeni Slider ({ "kaydırıcı": "kaymak-test1", "öğeler": [ {"Dosya": "heroes.jpg", "label": "Heroes", "link": "http://www.hulu.com/heroes"}, {"Dosya": "prisonbreak.jpg", "label": "Prison Break", "link": "http://www.hulu.com/prison-break"} ] }); 

Bu kod numarası "kaymak-testi" sahip elemanın bir kaydırıcı oluşturur. Kahramanlar ve Prison Break: Bu 2 öğe vardır.

Slider Seçenekleri

Sonraki liste Slider mevcut tüm seçenekleri gösterir.
  • kaymak - kaymak üst nesne veya kimlik
  • itemWidth - slayt genişliği (varsayılan 320)
  • itemHeight - slayt yüksekliği (varsayılan 200 ise)
  • yol - slayt görüntüleri yolu (varsayılan "images /")
  • linkText - slayt varsayılan bağlantı metni (varsayılan "Explore" dir)
  • animasyon - kaydırıcıyı animasyon (varsayılan doğrudur). Eğer dragger tıklayın kadar kaydırma kaydırma devam edecektir.
  • animationDelay - animasyonlar arasındaki zaman, saniye (varsayılan 5'tir)
  • slideDelay - slayt etkisinin zaman, saniye (varsayılan 1)
  • slideLoop - birinciye son öğeyi, döngü ulaşan? (varsayılan doğrudur)
  • onClick - bir öğe bağlantısını tıklayarak olay (varsayılan hiçbiri) olarak adlandırılan

Belirli bir öğe veya varsayılan bir geri arama tıklandığında yerine her öğenin bir bağlantı sağlayan, bir geri çağırma işlevi ayarlayabilirsiniz. Varsayılan geri arama ayarlarsanız, her zaman çağrılır ve hiçbir bağlantıları kullanılacaktır dikkat edin.

 Yeni Slider ({ "kaydırıcı": "kaymak-test1", "onClick": function (item) { alert ("Sen madde tıklandığında" + item.get ("label")); } "öğeler": [ {"Dosya": "heroes.jpg", "label": "Heroes"}, {"Dosya": "prisonbreak.jpg", "label": "Prison Break", "onClick": function () {alert ("You Prison Break tıklandığında!"); }} ] }); 

Bu öğeyi belirli bir geri arama çünkü önceki kodda, varsayılan geri arama "Prison Break" et "Heroes" için değil, çağrılır.

Demoyu göz atın http://envato.diogoresende.net/slider/


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

Özellikleri

Oluşturuldu:
24 Şubat 10

Son Güncelleme:
N / A

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

Dosyalar Dahil:
CSS, HTML, JavaScript JS

JS Kütüphanesi:
Prototip 1.6, Script.aculo.us

Anahtar kelimeler

eTicaret, eTicaret, Bü, tü, n eşyalar, afiş, sü, rgü, lü