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 al WorldWideScripts.net

Abonu al nia feed resti ĝisdata!

Nova! Sekvu nin kiel vi deziras gxin!


jQuery Responsive OneByOne Slider Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

La OneByOne Slider estas malpeza, respondemaj & manteloj jQuery kromaĵo vi povas uzi por montri vian bildon kaj tekston unuope. La CSS3 kuraĝigo estas pelita de Animate.css. Ita € ™ s mobile amikoj, kiuj apogas viŝi maldekstra / dekstra sur via mekanismo táctil kiel iPhone kaj iPad. Vi povas treni kaj faligi navigi kun via muso ankaŭ. La lasta ĝisdatigo aldonas ekstran ekzemplo, kiun faros Twitter Bootstrap Carrousel apogi la unuope kuraĝigo.

sekvas rss

Nun ita € ™ s disponeblaj en WordPress (klaki bildon sube)

wordpress kromaĵo

Ŝanĝo protokolojn (bonvolu re-elŝuti ĝin se vi aĉetas ĝin antaŭe)

(ĝisdatigo 15a Majo 2013)
  • Ĝisdatigi al la jQuery 1.9.1, kaj uzi Modernizr detekti la CSS3 transiro subteno. Vi povas re-elŝutu la fonto pako se volas uzi ĝin kun jQuery 1.9.1.
(ĝisdatigi 14a nov 2012)
  • Integri kun Bootstrap Carrousel. Vi povas uzi ĝin sur vian preferatan kadro nun.
  • Aldoni autoHideButton opcion, agordita falsa fari la sagoj ĉiam esti videbla.
  • Ĝisdatigi la helpo dokumentado.
(ĝisdatigo 14a Sep 2012)
  • Aldoni respondemaj ekzemplo.
  • Aldoni fade transiro en IE9-, kiu doesnâ € ™ t apogi la CSS3 transiro.
  • Nun vi povas personecigi ĉiu slideâ € ™ s kuraĝigo,ĉiu elemento en la slideâ € ™ s kuraĝigo.
  • Aldoni ŝvebado paŭzi opcion de la bildoprezento.
  • Aldonis € ~fadeInLeftBigâ € ™, â € ~fadeInRightBigâ € ™, â € ~fadeInUpBigâ € ™, â € ~fadeInDownBigâ € ™, â € ~flipInXâ € ™, â € ~flipInYâ € ™, â € ~lightSpeedInâ € ™ kuraĝigo.
  • Ripari bugs: ligilo Kana € ™ t esti klakita en la iOS.
  • Ĝisdatigi al jQuery 1.8.1.

Aĉeti la etendita licenco?

Mi dankos se vi povas meti ĉi itemâ € ™ s ligilon en vian itemâ € ™ s priskribo. Bonvolu liveri nur la minified versio de js dosieron en via temo, kaj etendita licenco povas uzi iun temon nur.

Elstaraĵoj:

  • CSS3 veturita kuraĝigo, aparataro akcelis CSS3 transiroj por apogis moderna retumilo.
  • Respondema subtenon, ekzemple inkluditaj.
  • Poŝtelefono amika, vi povas uzi ĝin en mekanismo táctil.
  • Ita € ™ s malpeza, la kunpremita Javaskripto estas nur 4kb.
  • Laŭvola aŭtomata prokrasto slideshow, nedeviga Hove paŭzi la bildoprezento.
  • Ĉiu glito aŭ Elementa € ™ s kuraĝigo eblas personecigita.
  • Laŭvola trenu funkcio de muso.
  • Laŭvola kuraĝigo stilo, povas esti en hazarda aŭ ajna alia tipo.
  • Laŭvola sago kaj butonoj.
  • FAQ estas inkluzivita en la fonta pakaĵo.
  • Libera ĝisdatigo, vi povas elŝuti la futura ĝisdatigo senpage.

Pri la CSS3 transiro

Notu: La CSS3 transiro nur laboras en la moderna retumilo kiel Firefox, Safar kaj Chrome. Kiu doesnâ € ™ t verkon en IE7, 8 & 9, ŝajnas la IE 10 subtenos ĝin.

Por jQuery 1.8.0 uzanto

Ŝajnas estas cimo kun jQuery 1.8.0, bonvolu elŝuti la Kunpremitaj versio de jQuery kaj komento linio 4521, tiam ĉi kromaĵo funkcios bone.
 // Ĵeti nova Eraro ("Sintakso eraron, nerekonita esprimo:" + msg); 

Havebla kromaĵo agordoj

 // La envoltorio nomon className: 'OneByOne', // La envoltorio div klaso nomo de ĉiu slider sliderClassName: 'oneByOne_item', // Paŭzo la auto prokrasto bildoprezento kiam uzanto ŝvebado pauseByHover: vera, // La tutmonda facileco kuraĝigo stilo, // Efektiviĝos se vi ne pre-difinita en la elemento easeType: 'fadeInLeft', // Larĝo de la slider larĝo: 960, // Alteco de la slider alteco: 420, // La prokrasto de la takto / trenu tween malfruo: 300, // La toleremo de la takto / trenu toleremo: 0.25, // Aktivigi aŭ malaktivigi la trenu funkcio per muso enableDrag: vera, // Montri la antaŭa / sekva sagon aŭ ne showArrow: vera, // Auto kaŝi la sagoj kiam uzanto lasi la slider aŭ ne autoHideButton: vera, // Montri la rondo butonoj aŭ ne showButton: vera, // Auto ludi la slider aŭ ne Bildoprezento: falsa, // La prokrasto milisegundo de la slidershow slideShowDelay: 3000, // Metis respondema al vera, kiam vi ŝanĝos la // Slider la grandeco kun la amaskomunikiloj query CSS respondema: vera // Kiam slider estas pli malgranda ol minWidth, // La teksto estas kaŝata en la respondema minWidth: 480 

Havebla easeType

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

Kredito

Animate.css estas de Dan Eden.
La fona bildo en la bootstrap ekzemplo estas el photos8.

Rekomendoj For You

XML Bildo / Video Grid Galerio:
krado galerio
La AS3 Fulmilo Fotography Ŝablono:
foto

Elŝuti
Aliaj komponantoj en ĉi tiu kategorioĈiuj komponantoj de tiu aŭtoro
KomentojOftaj demandoj kaj respondoj

Propraĵoj

Kreita:
24 oktobro 11

Lasta Ĝisdatigo:
17 aŭgusto 13

Kongrua Browsers:
IE7, IE8, IE9, Firefox, Safari, Opero, Chrome

Dosieroj Inkluditaj:
JavaScript JS, HTML, CSS

Programaro Versio:
jQuery

Ŝlosilvortoj

eCommerce, eCommerce, Ĉiuj Eroj, kuraĝigo, auto prokrasto, standardo rotator, CSS3, drag, ios, jQuery, Poŝtelefono, unu post la alia, respondemaj, rotator, slider, bildoprezento, tuŝi, viŝi