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 Responsive OneByOne Slider Plugin

— Eklenti WorldWideScripts.net için

@tr1wwsGüncel kalmak bizim beslemesine abone olun!

Yeni! Istediğiniz gibi bizi takip edin!


jQuery Responsive OneByOne Slider Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

OneByOne Slider Eğer tek görüntü ve metin tek görüntülemek için kullanabileceğiniz bir hafif duyarlı ve katmanlı jQuery eklentisi. CSS3 animasyon ile tahrik edilir Animate.css. Itâ € ™ sağ iPhone ve iPad gibi dokunmatik cihaz üzerinde sol / silme destekleyen, dost mobil. Sen sürükleyebilir ve de fare ile gezinmek için bırakabilirsiniz. En son güncelleme yapmak ekstra örneği eklemek Twitter Bootstrap Carousel tek animasyon birini desteklemelidir.

izleyin rss

Şimdi itâ ™ WordPress kullanılabilir s € (aşağıdaki resme tıklayın)

wordpress eklentisi

Değişim günlükleri (Eğer daha önce satın alırsanız yeniden indirin)

(güncelleme 15 Mayıs 2013)
  • JQuery 1.9.1 güncellemek ve CSS3 geçiş desteği algılamak için Modernizr kullanın. JQuery 1.9.1 ile kullanmak isterseniz kaynak paketini yeniden indirebilirsiniz.
(2012 14 Kas güncelleme)
  • Bootstrap Carousel ile entegre edin. Artık favori çerçeve üzerinde kullanabilirsiniz.
  • Oklar her zaman görünür olmasını sağlamak için false olarak ayarlanır autoHideButton seçeneğini ekleyin.
  • Yardım belgelerine güncelleyin.
(güncelleme 14 Eylül 2012)
  • Duyarlı bir örnek ekleyin.
  • € ™ t CSS3 geçişi destekleyecek doesnâ IE9- fade geçişi, ekleyin.
  • Şimdi slideâ € ™ s animasyonda hatta her eleman, € ™ s animasyon slideâ her özelleştirebilirsiniz.
  • Slayt seçeneği duraklatmak için hover ekleyin.
  • € ~lightSpeedInâ € ™ â animasyon, € ~flipInYâ € ™ â € ™ â € ~flipInXâ, € ~fadeInDownBigâ € ™ â € ™ â € ~fadeInUpBigâ, € ~fadeInRightBigâ € ™ â € ™ â € ~fadeInLeftBigâ eklendi.
  • Hataları düzeltmek: t ™ canâ € bağlantı iOS tıklanma.
  • JQuery 1.8.1 ile güncelleyin.

Genişletilmiş lisans satın?

Eğer bu ITEMA € ™ s tanımındaki € ™ s linki ITEMA koyabilirsiniz ben takdir ediyorum. Senin tema js dosyasının sadece minified sürümünü sunmak ve bir genişletilmiş lisans sadece bir tema üzerinde kullanarak olabilir edin.

Özellikler:

  • CSS3 odaklı animasyon, desteklenen modern bir tarayıcı için donanım hızlandırmalı CSS3 geçişleri.
  • Duyarlı destek, örnek dahil.
  • Dostu cep, dokunma cihazda kullanabilirsiniz.
  • Itâ ™, sıkıştırılmış javascript sadece 4kb hafif s €.
  • İsteğe bağlı otomatik gecikme slayt opsiyonel hove Slayt gösterisini duraklatmak için.
  • Her slayt veya Elementa € ™ s animasyon özelleştirilebilir.
  • Fare İsteğe bağlı sürükleme fonksiyonu.
  • İsteğe bağlı animasyon tarzı, rasgele ya da herhangi bir başka tip olabilir.
  • İsteğe bağlı ok ve düğmeler.
  • SSS kaynak paketine dahil edilmiştir.
  • Ücretsiz güncelleme, ücretsiz gelecekteki güncelleme indirebilirsiniz.

CSS3 geçiş hakkında

Not: CSS3 geçiş yalnızca Firefox, Safar ve Chrome gibi modern tarayıcıda çalışır. Hangi IE7, 8 ve 9'da € ™ t iş doesnâ, onu destekleyecek IE 10 gibi görünüyor.

JQuery 1.8.0 kullanıcı için

Bu jQuery 1.8.0 ile bir hata var gibi görünüyor, Sıkıştırılmamış jQuery sürümünü ve açıklama hattını 4521 indirmek için lütfen, o zaman bu eklenti iyi çalışır.
 ;: // Yeni Hata (+ msg "sözdizimi hatası, tanınmayan ifade") atmak 

Mevcut eklentisi ayarları

 // Sarmalayıcı adı className 'oneByOne' // Her sürgünün sarmalayıcı div sınıf adı sliderClassName 'oneByOne_item' Otomatik gecikme slayt gösterisini duraklatmak // zaman kullanıcı duraksamak pauseByHover: true, // Küresel kolaylığı animasyon tarzı, Eğer elemanın içinde önceden tanımlanmış yoksa // yürürlüğe girecek easeType 'fadeInLeft' // Sürgünün genişliği en: 960, // Sürgünün yüksekliği Yükseklik: 420, // Touch / sürükleme aranın gecikme Gecikme: 300, // Touch / sürükle tolerans tolerans: 0.25, // Etkinleştirmek veya fare ile sürükleme fonksiyonu devre dışı enableDrag: true, // Önceki / sonraki oku görüntülemek veya showArrow: true, // Oto kullanıcı sürgüsünü bırakın ya da okları gizlemek autoHideButton: true, // Daire düğmelerini görüntülemek veya showButton: true, // Oto sürgüsünü oynamak ya da Slayt gösterisi: false, // Slidershow gecikmesi milisaniye slideShowDelay: 3000, // Değiştirmek olacak zaman, gerçek cevap set CSS medya sorgu ile // kaydırıcının boyutu duyarlı: true // Sürgü MinWidth daha küçüktür // Metin duyarlı içinde gizli olan minWidth: 480 

Mevcut easeType

â € ~bounceInâ € ™ â € ™ ~fadeInRightâ € â € ~fadeInRightâ € ™ â € ™ ~fadeInLeftâ € â € ~fadeInDownâ € ™ â € ™ ~fadeInUpâ € â € ~fadeInâ € ™,,,,,,, â € ~rotateInDownRightâ € ™ â € ™ ~rotateInDownLeftâ € â € ~rotateInâ € ™ â € ™ ~bounceInRightâ € â € ~bounceInLeftâ € ™ â € ™ ~bounceInUpâ € â € ~bounceInDownâ € ™,,,,,,, â € € ~ â € ~flipInXâ € ™ â € ™ ~fadeInDownBigâ € â € ~fadeInUpBigâ € ™ â € ™ ~fadeInRightBigâ € â € ~fadeInLeftBigâ € ™ â € ™ â € ~rotateInUpRightâ ~rotateInUpLeftâ € ™,,,,,,, flipInYâ € ™, € ~lightSpeedInâ € ™ â € ya da â € ™ ~randomâ

Kredi

Animate.css dan Dan Eden.
Bootstrap örnekte arka plan görüntüsü dan photos8.

For You Öneriler

XML Resim / Video Izgara Galeri:
Izgara galerisi
AS3 Flash Fotoğraf Bilgileri Şablon:
fotoğrafçılık

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

Özellikleri

Oluşturuldu:
24 Ekim 11

Son Güncelleme:
17 Ağustos 13

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, animasyon, Otomatik gecikme, banner rotator, css3, sü, rü, klemek, ios, jQuery, seyyar, onebyone, duyarlı, dö, ndü, rü, cü, kaydırıcı, Slayt gö, sterisi, dokunma, silme