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

jQuery Homepage Banner Slideshow / Product viewer

— Eklenti WorldWideScripts.net için

@tr1wwsGüncel kalmak bizim beslemesine abone olun!

Yeni! Istediğiniz gibi bizi takip edin!


jQuery Homepage Banner Slideshow / Product viewer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Bu dosya anasayfa afiş, slayt, ürün izleyici için uygundur, Galeri, bir intro olarak kullanabilirsiniz olsa bile. Tüm animasyonlar özelleştirilebilir yüzden afiş herhangi bir türü için uygundur. Her sürgünün üzerindeki katmanın herhangi bir sayı kullanabilirsiniz. Sen pozisyon ve veri özelliklerini kullanarak kolayca her katmanı aralığı olabilir. Indir dosyasında, beş varsayılan örnekleri ayrı html dosyası mevcuttur.

Bu ipad, ios ve Android Aygıt dahil olmak üzere tüm tarayıcı iyi iş

Tüm seçenekler kaynak kodunu düzenleme olmadan bu kaydırıcıyı özelleştirmek için kullanılabilir Neredeyse

Masaüstü ve dokunmatik ekran cihazdan hem de ekran özelliği Dokunmatik

O (saydam bir görüntü formatı dahil) birden fazla div, resim, video, youtube ve swf (flash dosyası) olabilir Div içeriği herhangi bir türünü kullanın

Benzersiz özellikler:

  • Kolay her görüntü ve Metin, aralık ve animasyon yönü hizalamak için
  • İsteğe bağlı giriş / çıkış animasyon yönü her türünü seçmek için
  • Animasyon geliyor mesafeyi ayarlamak için Seçenek
  • Animasyon hareketli arka plan deseni
  • Seçeneği her div / çıkış zamanını ayarlamak için
  • Her slayt için slayt gösterisi gecikme süresini ayarlamak için Seçenek
  • / Devre dışı bırak masaüstü Sürükle etkinleştirin
  • Her slaytta sınırsız görüntüleri ve Metin Destek


Noktalı Düğmesi:
  • Sonraki noktalı düğme ve geri düğmeleri tasarımın üç farklı tipi vardır
  • Hizala ve aralık seçeneği kullanarak herhangi bir navigasyon yerleştirin
  • Göster / İleri ve Geri düğmelerini noktalı gizle
  • / Devre dışı bırak navigasyon otomatik hide etkinleştirme

Küçük resimler:

  • Bir sonraki ve önceki düğme ile Thumbnails göstermek için Seçenek
  • Kolayca css kullanarak küçük resim genişliği ve yüksekliğini değiştirmek olabilir
  • Küçük resim sınır rengi, sınır boyutu, küçük boşluğa küçük css dosyası aracılığıyla kontrol vardır
  • Küçük resim afiş genişliği otomatik olarak uygundur. Ayrıca küçük resim görünümü alanını değiştirebilir
  • Css dosyası üzerinden renk görüntü veya kontrolü üzerinde Minyatür fare, ayrıca görüntünün yerine rengi kullanabilirsiniz
  • Her yerde Hizala ve aralık seçeneklerini kullanarak üzerlerine yerleştirin
  • Sen noktalı düğme ve küçük hem de gösterebilir


Diğer özellikler:
  • Kullanıcı aksini afiş vurduğunda Slayt duraklama o oynamaya devam
  • Eden beş farklı numune tipi mevcuttur
  • Tüm tarayıcılar Destek
  • Cufon yazı tipi desteği
  • Sen div içine yerleştirebilirsiniz şeyi hareketlendirebilirsiniz

Cep telefonunuzda Demoyu

Plug-in kod değişkenler aşağıda kullanarak slayt özelleştirebilirsiniz

 jQuery (function ($) { $ ('# jq_fmslideshow'). fmslideshow ({ banner_width: "", banner_height: "", image_sprite "fmslideshow_assets / sprite.png" image_background: "", image_topShadow: "", image_bottomShadow: "", image_loader "fmslideshow_assets / loader_img.png" background_fullScreen: false, background_move: false, background_moveDistance: 1250, buttons_type: 0, buttons_autoHide: false, buttons_align: "BC", buttons_spacing "15,0" button_nextPrevious_type: 0, button_nextPrevious_autoHide: true, button_next_align: "RC" button_next_spacing "20,0" button_previous_align: "LC" button_previous_spacing "20,0" dotButtons: false, button_next_previous: false, thumbnails_align: "BC", thumbnails_spacing "-75,0" thumb_next_preious_width: 38, Slayt gösterisi: false, slideShow_delayTime: 2, desktop_drag: true default_data_align: "LC" default_data_spacing "70,0" default_data_inOutDirection "LR" default_data_inOutDistance: "60" }); }); 


Örnek slayt kodu
 <! - Slide 1 -> <div> <img veri-align = "BL" data-aralık = "0,50" data-inoutdirection = "BB" data-inoutdistance = "50" data-starttime = "0" veri staytime = "5" data-animationspeed = "700" data-easeIn = "easeOutQuart" data-easeOut = "easeOutSine" class = "imgSty" src = "images / image2.png" alt = "fmslideshow" /> <div veri-align = "TR" data-aralık = "70,0" data-inoutdirection = "RL" data-starttime = ". 5" data-staytime = "6" data-animationspeed = "400" data-easeIn = "easeInQuart" data-easeOut = "easeOutSine" class = "divStyle"> <span class = "txtLarge"> Özelleştir Animasyon </ span> </ div> <div veri-align = "TR" data-aralık = "20,0" data-inoutdirection = "LR" class = "divStyle" data-inoutdistance = "60"> <span class = "txtMedium"> / Out Yönü - Hizalama - Boşluk </ span> </ div> </ div> 
Komple bir yardım belge indir dosyasında bulunan

10-06-2013 tarihinde Güncelleme: Minor hata düzeltildi

23-11-2012 tarihinde Güncelleme: IE10 hata düzeltildi









Bu dosya ile ilgili herhangi bir sorunuz varsa, benim yoluyla bana ulaşın profil sayfasında.

Benim diğer dosyaları göz atın:

















Benim Flash dosyalarını göz atın:

akordeon yatay-dikey-image-text-animasyon







Atlıkarınca-3-tip-görüntü-ürün-izleyici

akordeon yatay-dikey-image-text-animasyon


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

Özellikleri

Oluşturuldu:
10 Ekim 11

Son Güncelleme:
11 Haziran 13

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

Dosyalar Dahil:
JavaScript JS, HTML, CSS, Katmanlı PSD

Yazılım versiyonu:
jQuery

Anahtar kelimeler

eTicaret, eTicaret, Bü, tü, n eşyalar, banner reklamlar, banner rotator, Gö, rü, ntü, kaymak, Katman animasyon, Ü, rü, n gö, rü, ntü, leyici, resizable, Basit slayt geç, iş, Slayt gö, sterisi