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

— Add-On sa WorldWideScripts.net

Mag-subscribe sa aming mga feed upang manatili hanggang sa petsa!

Bago! Sundin amin sa gusto mo!


jQuery Responsive OneByOne Slider Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Ang OneByOne Slider ay isang magaan, matugunin at layered jQuery plugin maaari mong gamitin upang ipakita ang iyong mga larawan at teksto ng isa-isa. Ang animation CSS3 ay hinihimok ng Animate.css. Itâ € ™ s mobile friendly, na sumusuporta punasan kaliwa / kanan sa iyong ugnay aparato tulad ng iPhone at iPad. Maaari mong i-drag at i-drop upang mag-navigate gamit ang iyong mouse masyadong. Ang pinakabagong update magdagdag ng dagdag na halimbawa, na gumawa ng Twitter Bootstrap Carousel suportahan ang isa-isang animation.

sundin RSS

Ngayon ITA € ™ s magagamit sa WordPress (i-click ang imahe sa ibaba)

WordPress plugin

Baguhin ang mga tala (mangyaring muling i-download ang mga ito kung ikaw ay bumili ng ito bago)

(update Mayo 15, 2013)
  • I-update sa jQuery 1.9.1, at gamitin Modernizr na matagpuan ang transition CSS3 support. Maaari mong muling i-download ang source package kung gusto mong gamitin ito sa jQuery 1.9.1.
(i-update Nobyembre 14, 2012)
  • Isama sa Bootstrap Carousel. Maaari mong gamitin ito sa iyong mga paboritong framework ngayon.
  • Idagdag autoHideButton option, nakatakda sa false upang gawin ang mga arrow palaging makikita.
  • I-update ang dokumentasyon ng tulong.
(update Septiyembre 14, 2012)
  • Idagdag tumutugon sa mga halimbawa.
  • Idagdag transition fade in IE9-, na Hindi € ™ t suportahan ang paglipat CSS3.
  • Ngayon ay maaari mong i-customize ang bawat slideâ € ™ s animation, kahit sa bawat elemento sa slideâ € ™ s animation.
  • Idagdag hover upang i-pause pagpipilian ng slideshow.
  • Idinagdag â € ~fadeInLeftBigâ € ™, â € ~fadeInRightBigâ € ™, â € ~fadeInUpBigâ € ™, â € ~fadeInDownBigâ € ™, â € ~flipInXâ € ™, â € ~flipInYâ € ™, â € ~lightSpeedInâ € ™ animation.
  • Ayusin ang mga bug: link can not € ™ t nag-click sa iOS.
  • I-update sa jQuery 1.8.1.

Bumili ng pinalawig na lisensya?

Pinapahalagahan ko kung maaari mong ilagay link € ™ s sa paglalarawan ng iyong itemâ € ™ s ito itemâ. Mangyaring magbigay lamang ang minified bersyon ng js file sa iyong paksa, at isa pinalawig na lisensya ay maaaring gamit sa isang tema lamang.

Mga Tampok:

  • CSS3 hinihimok animation, pinabilis na hardware CSS3 transition para sa mga suportadong mga modernong browser.
  • Tumutugon suporta, halimbawa kasama.
  • Friendly na Mobile, maaari mong gamitin ito sa isang ugnay aparato.
  • ITA € ™ s magaan, ang naka-compress javascript lamang 4kb.
  • Opsyonal auto delay slideshow, opsyonal hove upang i-pause ang slideshow.
  • Ang bawat slide o ELEMENTA € ™ s animation ay maaaring ipasadya.
  • Opsyonal drag function ng mouse.
  • Opsyonal style animation, ay maaaring maging sa random o anumang iba pang uri.
  • Opsyonal arrow at pindutan.
  • FAQ ay kasama sa source package.
  • Libreng pag-update, maaari mong i-download ang pag-update sa hinaharap para sa libre.

Tungkol sa transition CSS3

Tandaan: Ang transition CSS3 ay gumagana lamang sa mga modernong browser tulad ng Firefox, Safar at Chrome. Aling Hindi € ™ t trabaho sa IE7, 8 at 9, tila ang IE 10 susuportahan ito.

Para jQuery 1.8.0 user

Mukhang may isang bug sa jQuery 1.8.0, mangyaring i-download ang mga hindi naka-compress na bersyon ng jQuery at line puna 4521, at pagkatapos ay ang plugin na ito ay gagana fine.
 // Ihagis bagong Error ("Syntax error, hindi nakikilalang expression:" + msg); 

Magagamit na mga setting ng plugin

 // Ang pangalan ng wrapper ni className: 'OneByOne', // Pangalan ng klase ng wrapper div ng bawat slider sliderClassName: 'oneByOne_item', // Pause ang auto delay slideshow kapag hover ang user pauseByHover: totoo, // Ang style animation global kadalian, // Magkakabisa kung hindi paunang natukoy na ito sa elemento easeType: 'fadeInLeft', // Lapad ng slider width: 960, // Taas ng slider height: 420, // Ang pagkaantala ng mga touch / drag tween delay: 300, // Ang pagpapaubaya ng touch / drag tolerance: 0.25, // Paganahin o huwag paganahin ang mga drag function sa pamamagitan ng mouse enableDrag: totoo, // Ipakita ang mga nakaraang / susunod na arrow o hindi showArrow: totoo, // Auto itago ang mga arrow kapag umalis ang user slider o hindi autoHideButton: totoo, // Ipakita ang mga buttons na bilog o hindi showButton: totoo, // Auto-play ang slider o hindi Slideshow: false, // Ang pagkaantala millisecond ng slidershow slideShowDelay: 3000, // Set tumutugon sa totoo, kapag kailangan mong palitan ang // Size slider na may mga query media sa CSS nakikiramay: true // Kapag slider ay mas maliit kaysa minWidth, // Ang text ay maaaring maitago sa mga tumutugon minWidth: 480 

Magagamit easeType

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

Credit

Animate.css ay mula sa Dan Eden.
Ang imahe sa bootstrap halimbawa background ay mula photos8.

Mga rekomendasyon para sa iyo

XML Image Grid Gallery / Video:
grid gallery
Ang Template AS3 Flash Fotography:
pagkuha ng larawan

I-download
Iba pang mga bahagi sa kategoryang itoAng lahat ng mga bahagi ng may-akdang ito
Mga komentoMga madalas itanong at sagot

Properties

Nilikha:
Oktubre 24 11

Huling Update:
Agosto 17 13

Katugmang Browser:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Kasamang File:
JavaScript JS, HTML, CSS

Bersyon ng Software:
jQuery

Keyword

eCommerce, eCommerce, Lahat ng bagay, animasyon, auto delay, banner rotator, CSS3, kaladkarin, iOS, jquery, mobile, isa-isa, nakikiramay, pampainog, slider, slideshow, kalabitin, punasan