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

pageAnimate Web-Page Slider

— Eklenti WorldWideScripts.net için

@tr1wwsGüncel kalmak bizim beslemesine abone olun!

Yeni! Istediğiniz gibi bizi takip edin!


pageAnimate Web-Page Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting



Bu jQuery eklentisi web sayfaları arasında gezinmek için bir tam sayfa kaymak olduğunu. Örneğin, bunu başka üzerinde bir slayttan, iletişim sayfasından ana sayfası var ve olabilir. Bu duyarlı ve (Internet Explorer 6 olmak üzere, tüm büyük tarayıcılarda çalışır :O ) Ve mobil tarayıcılar.

Adından da anlaşılacağı gibi, bir slayt içinde (diğer jQuery içerik, videolar ve ne değildir) bir şey koymak ve her slayt sadece normal bir sayfa gibi taşma görüntülemek için kaydırma olacaktır. Orada kaymak kıracak bildiğim bir şey değildir, ve slaytlar sonsuz miktarda ekleyebilirsiniz. Bu Web sitenizi renklendirmek için ihtiyaç tam olarak ne!

Bu tam bir pencere içeriği için tasarlanmış olsa da, sen gibi kolayca geleneksel jQuery içerik kaydırıcı olarak kullanabilirsiniz. Aslında, pageAnimate Internet Explorer 6'da güzel çalışıyor çünkü diğer sürgü muhtemelen daha iyi olduğunu!

Not: Bir mobil tarayıcıda CodeCanyon önizlemesini görüntülemek için, Codecanyon render hiç çalışmaz. Sen ziyaret etmeniz gerekir http://creativewebsites.me/pageAnimate/preview eylem görmek için.

Sürüm 1.1 GÜNCELLEME

Sürüm 1.1, iki yeni özellik ile birlikte geliyor: Her bir slayt (karma kullanımı ile) benzersiz bir URL vermek yeteneği ve otomatik ilerleyen fonksiyonu sürekli tüm slaytlar ile kaymak otomatik döngüleri böylece. Hem (Ben yine de istediğiniz herkese düşünemiyorum) aynı anda etkin olamaz.

Önceki sürüm yüklü ve bu sürüme güncellemek varsa,.pageAnimate bir sınıf vardır div içine 'veri slayt = "0"' nitelik hardcode emin olun. Şöyle:

 <div class = "pageAnimate" data-slayt = "0"> </ div> 

Ayrıca, slayt tetikleyen tüm aşağıdaki sınıf eklemek gerekir:.pageAnimate_trigger

JavaScript nedir Devre Dışı olur?

Bu eklenti JavaScript öncelikle çalışır - ama Javascript ne devre dışı olur? Kaymak faydasız (ve bu insanlar sadece ana sayfanızı görmek anlamına gelir!). Hayır, elbette değil. Bir slayta gitmek tetikler bir çare 'href' bağlantı ekleyebilirsiniz. JavaScript devre dışı Peki ne zaman bu tetikleyici pageAnimate bir slayta gitmek olmaz, ama sadece (eğer 'href' tanımlı) başka bir sayfaya normal şekilde devam edecektir.

PageAnimate kaymak diğer Web-Sayfa İçerik çekme mı?

Hayır, eklenti kendisi diğer web sayfalarından içeriği almıyor. Eğer Ajax veya PHP kod sadece birkaç satır ile bunu yapabilir rağmen, script kendisi bu özelliğe sahip değildir ve her slaydın / sayfanın içeriği manuel olarak eklenmesi gerekir. Ajax ile web-server içerik çekin, sadece bu kodu kullanın:
 <script type = "text / javascript"> $ ("#slide_id_or_class").Load ("http://www.yourserver.com/yourpage.html"); </ script> 
(Sadece eklemek istediğiniz pageAnimate slayt CSS id veya sınıfa "#slide_id_or_class değiştirin)

Peki nasıl Slider bir slayt gitmek yapabilirim?

: Sadece bu kodu ekleyin - Daha kolay olamazdı
 <a class="pageAnimate_trigger pageAnimate_trigger1"> Bu yazı 2 </a> slayt gidecek 
Sınıf adının sonuna eklenen numarayı farkettiniz mi? O küçük sayı slayt animasyonlu ne olacağını belirler. JavaScript şeyi (burada benimle birlikte olma sabrını) sıfır tabanlı olduğundan Ama biz slayt numarasına kapalı gerekir eksi 1. "PageAnimate_trigger 3": Biz istiyorsanız, örneğin, kaymak metin tıklandığında, bu sınıf eklersiniz 4. slayt gitmek için. "PageAnimate_trigger 5": Biz kaymak 6. kaydırmak için gitmek istiyorsanız, bu sınıf eklemek istiyorum. Yukarıda da belirtildiği gibi, görebilmek için Javascript devre dışı bırakıldığında, sadece takip edilebilir çapa etiketi, bir bağlantı ekleyebilirsiniz. Böylece ziyaretçiler hala JavaScript devre dışı varsa sitenizde başka bir klonlanmış sayfayı görüntülemek mümkün olacak demektir.

Ben el ile her Slide bir bağlantı eklemek zorunda mıyım?

Hiç de değil - betik sizin için tüm çalışmaları yapar.

Nasıl bu normal bir İçerik Slider ve bir Web Sayfası Slider içine yapabilirim?

Kolay - yapmanız tüm jQuery script 'ayarlar' tek bir satırı değiştirin olduğunu. Sen pageAnimate kaydırıcı için bir kap olarak bir div (ya da benzer başka etiketi) olması gerekir. Basitçe komut o div tanımlar.

Herhangi bir sorunları veya Bugs var mı?

  1. Tarayıcı penceresi ya da IE 8 uzaklaştırdınız olduğunda, slaytlar otomatik olarak tam ekran haline yeniden boyutlandırmak yok. Ben bir çözüm bulmak için yaş için çalıştım, ama yapamam ettik. Gerçek pencere küçük ya da büyük sürüklendiğinde Ancak, yeniden boyutlandırma VERMEYİN. Bu IE8 üzerinde yakınlaştırma ve uzaklaştırma pek çok kişi var olmayacak çünkü IE 8'e Bu büyük bir anlaşma olmamalıdır benzersizdir.
  2. JQuery 1.8.1 kullanırken, Firefox birçok tetikleyiciler hızlı bir şekilde tıklandığında donuyor. JQuery 1.7.2 ile çalışıyor.
  3. Kaydırıcının navigasyon tamamen bir akıllı telefon üzerinde yakınlaştırmak zaman ayırır. Bu, HTML belgesinin <head> bölümüne bu kodu ekleyerek tespit edilebilir:
     <"Maksimum ölçekli = 1 width = aygıt genişliği,, başlangıçtaki ölçekli = 1" meta name = content = "viewport"> 
  4. Kaydırıcının animasyon eski akıllı telefonlarda biraz sinirli olabilir - bu çok kötü değil ama.

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

Özellikleri

Oluşturuldu:
13 Kasım 12

Son Güncelleme:
18 Mayıs 13

Yüksek çözünürlük:
Evet

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

Dosyalar Dahil:
JavaScript JS, HTML, CSS

Yazılım versiyonu:
jQuery

Anahtar kelimeler

eTicaret, eTicaret, Bü, tü, n eşyalar, css, html, javascript, jQuery, jQuery kaymak, sayfa kaymak, pageAnimate, sayfalara numara koyma, Kraliyet kaymak, kaydırıcı