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

jSimplePresentation

— Eklenti WorldWideScripts.net için

@tr1wwsGüncel kalmak bizim beslemesine abone olun!

Yeni! Istediğiniz gibi bizi takip edin!


jSimplePresentation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Bu öğe bir jQuery eklentisi olarak sunulan bir slayt yeni bir vizyon, temsil eder.
Olası kullanımlar bazıları:

  • Fikirlerinizi sunmak için powerpoint yerine kullanmak için
  • Bir ürünü, bir web sitesinin reklamını için,...
  • HTML tasarlanmış bir kitap yapmak için
  • vs, vs.

Özellikler

  • Bu bir ek olarak diğer eklentileri kullanmak mümkün
  • Sayfaları sınırsız sayıda yüklemek mümkün
  • Ne istediğinizi içeren (a sayfa, basit bir div)
  • sayfaları (sayfanın merkezi) otomatik olarak tarayıcı ile yeniden boyutlandırılır
  • Tamamen ve kolayca özelleştirilebilir
  • Kullanımı çok kolay
  • Klavye navigasyon (SAĞ / SOL / MEKAN / L)
  • Slayt seçeneği
  • Autoplay seçeneği
  • Döngü seçeneği
  • Görüntü önyükleme seçeneği
  • (Güvenli giriş kontrolü ile) belli bir sayfaya git
  • Geçerli W3C
  • Android'de kesinlikle iOS (iPhone / iPad) üzerinde çalışır ve
  • Üç temalar dahil (gri, mavi, turuncu)
  • 4 geçiş hazır ayarları
  • Sen eklenti çağrısında basit bir işlev ile kendi geçiş yazabilirsiniz
  • Geçişler önceki ve sonraki eylemler için farklı olabilir
  • Peki (kod çoğu eylemleri yorumları içerir) yorumladı

Nasıl kullanılır

JS - Sözdizimi
 $ (Document).simplePresentation ({ autoplay: boolean, loop: Boolean, Saat Aralığı: tamsayıdır, önyükleme: boolean, transitionFct: Fonksiyon }); 

JS - Önceden ayarlanmış bir geçiş ile Örnek
 var transitionFunction = function (elt, kaynak, transitionTime) { Transition.opacity (elt, kaynak, transitionTime); }; $ (Document).simplePresentation ({ autoplay: false, loop: false, Saat Aralığı: 2000, önyükleme: false, transitionFct: transitionFunction }); 

JS - biz Mektup geçiş ile Örnek
 var transitionFunction = function (elt, kaynak, transitionTime) { elt.css ("opaklık", "0"); // Bir sonraki sayfaya gidiyoruz if (Kaynak == "SAĞ") { elt.css ("marginLeft", "% 100"); elt.animate ({ "Donukluk": 1, "MarginLeft": "0px" } TransitionTime); } Else { elt.css ("marginRight", "% 100"); elt.animate ({ "Donukluk": 1, "MarginRight": "0px" } TransitionTime); } }; $ Sunum = $ (document).simplePresentation ({ autoplay: false, loop: false, Saat Aralığı: 4000, önyükleme: true, transitionFct: transitionFunction }); 

HTML
 <Div id = "container"> <Div id = "sayfa1"> ... </ Div> <Div id = "page2"> ... </ Div> </ Div> 
Id = "pageX" ile her div bir sayfa gösterir.
Her sayfaları "sayfa" ile başlayan bir kimliği olması gerekir.

Uyumlu tarayıcılar

Bu ürün aşağıdaki tarayıcılarla çalışır:
  • Firefox 4+
  • IE7 + (V.9 daha az IE için ayrılmış bir css stil kullanır)
  • Opera
  • Krom
  • Safari

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

Özellikleri

Oluşturuldu:
15 Aralık 11

Son Güncelleme:
N / A

Yüksek Çözünürlük:
Hayır

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, Tü, m Ü, rü, nleri, animasyon, dizayn, priz, tanıtım, kaydırıcı, Slayt gö, sterisi, geç, iş