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

Degrade - The Swiss Army Slider

— Add- On til WorldWideScripts.net

Abonner på vårt feed for å holde deg oppdatert!

Nyhet! Følg oss som du vil ha det!


Degrade - The Swiss Army Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

følg SakuraPixelYoucanelso WRITEUS

Fornedre - The Responsive Multipurpose Slider

Fornedre - swiss-army-slider er en multipurpose, fullt tilpassglidebryteren, med responsive atferd og alt-i-ett-funksjoner. Den har en 40 + alternativer variasjon, kan glidebryteren utseende tilpasses gjennom sine åtte forskjellige skygger, fire forskjellige hjørne stil, 6 forskjellige kontrolltyper, ubegrenset farger, kortkoder, bildetekster stil, fullscreen oppførsel, noe som gir deg muligheten for å gjøre bokstavelig talt hundrevis av forskjellige glidere.

Glidebryteren kan også brukes som et banner, kan spille video, kan vise bildetekster hvor du vil, kan brukes som reklame verktøy samt skjermpanelet.

Gjør det beste ut av det!

Funksjoner:

Design variasjon
Enkelt endre utseendet på den i løpet av sekunder. Degradere Slider kommer med masse forhåndsbygde eiendeler som skygger, hjørner, kontroller. Ubegrenset farger, kan du enkelt endre hver komponent farge inne i glideren som gjør det unikt. Alternativt kan du deaktivere noen design komponent og lage HTML bannere som går på tvers av alle enheter.

Ytelse
Alle lysbildene blir dynamisk lastet trau Ajax, vi betalt spesiell oppmerksomhet til sin ytelse samtidig sin rike design, lysbilder er tilgjengelig så snart de er lastet, er det ingen minnelekkasjer, er fornedre Slider også optimalisert for touch / drag skjerm hendelser.

Kortkoder
Degradere Slider kommer med builtin kortkoder. Snarveiene gjør det enkelt å legge til ulike elementer som du kanskje trenger inne i glideren. For eksempel trenger du en rød knapp med avrundede hjørner, du bare legge til følgende kode i en bildetekst:

 <a href="http://yourlink.com" class="degradeButton roundButton red"> Button </a> 

Se alle tilgjengelige kortkoder innenfor forhåndsvisning.

Responsive
Enten du viser på stasjonære datamaskiner, nettbrett, mobiler, ditt arbeid, dine bilder, dine produkter vil alltid se det samme!

PSD og hjelpefiler
Degradere Slider kommer med lagdelte PSD og alle designelementer (skygger, piler, knapper og hjørner). Se hjelpefiler her: Viktig

Slider alternativer

 slideAnimationType: "easeOutQuint", // glidebryteren animasjon / overgangstype slideAnimationDuration: 600, // glir standard animasjon varighet enableTouchDragSlides: true, // aktivere / deaktivere berørings og dra lysbilder Autokjør: falsk, // autoplay lysbilder autoPlayInterval: 5000, // obduksjonene intervall (5 sekunder) pauseAutoplayOnHover: true, // pause autoplay på hover autoPlayStopAtEnd: true, // Stopp Autoplay på slutten (kan brukes til banner etableringen) autoskalering: true, // responsive atferd showShadow: true, // showet glidebryteren skygge shadowType: 'ShadowType01', // skygge type (det er 8 skygge typer tilgjengelig ShadowType01.... til... ShadowType08) showBottomCorners: true, // viser nederste hjørnene bottomCornersStyle: "CornerStyle01", // hjørner stil (det er fire hjørne typer tilgjengelig CornerStyle01.... til... CornerStyle04) showCenterButtons: true, // viser sentrum navigasjonsknappene showCenterButtonsBackground: falsk, // showet midtre navigeringsknapp bakgrunn centerButtonsAdjustPosition: 20, // justere senternavigasjonsknappene vertikal posisjon (ex: 20 eller -20) showCenterButtonsStyle: "Style01", // midtre navigeringsknapp stil (det er to stil tilgjengelig Style01 og Style02) enableKeyboardNav: true, // aktivere / deaktivere tastaturnavigasjon showSliderBackground: true, // aktivere / deaktivere glidere sin bakgrunn sliderBackgroundColor: "#FFFFFF", // glidere bakgrunnsfarge sliderBackgroundOpacity: 0,2, // glidere sin bakgrunn opacity sliderShowBorder: true, // aktivere / deaktivere glidere grense sliderBorderColor: "#FFFFFF", // glidere grense farge sliderShowInnerBorder: true, // aktivere / deaktivere glidere sin indre grensen sliderInnerBorderColor: "#FFFFFF", // glidere sin indre grensen farge showLeftRightNav: true, // aktivere / deaktivere glidere piler navigasjon showLeftRightNavIsBackground: falsk, // glidere piler navigasjon bakgrunn leftRightNavBackgroundColor: "# 212121", // glidere piler navigasjon bakgrunnsfarge leftRightNavType: "Nav04", // glidere piler navigasjon type (det er 4 typer tilgjengelig: Nav01 til Nav04) leftNavAdjustPosition: 10, // justere horisontal stilling venstre navigasjonspilen rightNavAdjustPosition: -10, // justere horisontal stilling høyre navigasjonspilen showSliderPreloader: true, // aktivere / deaktivere glideren preloader showDragCursor: falsk, // showet dra markøren enableFullScreen: true, // aktivere / deaktivere innfødte fullskjerm (for nettlesere som støtter fullskjerm) normalWidth: 800, // standard glidebryteren bredde normalHeight: 400 // standard glidebryteren høyde 



Bildetekster
Degradere Slider støtter ubegrenset bildetekster på hvert bilde, kan du legge til HTML-innhold innenfor bildetekster.
Hver bildetekst har forhåndsdefinerte egenskaper og animasjoner som du kan overstyre innenfra HTML. Se tilgjengelige egenskaper nedenfor.

 positionX: "0", // bildetekst posisjon X positionY: "0", // bildetekst stilling Y animasjon: "Ingen", // bildetekst animasjon cpuld være (Ingen, SlideFromLeft, SlideFromRight, SlideFromTop, SlideFromBottom) animationType: "easeOutQuint", // animasjon overgangstype (se MERK ovenfor) animationDuration: 500, // animasjon varighet (se note ovenfor) delayAnimation: 0, // forsinkelse animasjon start (se note ovenfor) isBackground: "false" // bildetekst bakgrunn bakgrunnsfarge: "# 212121", // bildetekst bakgrunnsfarge backgrondTransparency: 0,5, // bildetekst bakgrunn åpenhet fullWidthVideo: "false" // bildetekst fulle bredde video (se eksempel med video) 



Andre funksjoner

  • Fullskjermstøtte
  • Røre optimalisert
  • jQuery Powered
  • Ubegrenset fargevariasjon
  • Custom Design
  • PSD Source Inkludert
  • Dokumentasjon Inkludert

Kreditter

Forhåndsvisning Images ( Fotolia.com ). Vær oppmerksom på at forhåndsvise bilder ikke er inkludert i den nedlastede filen.
Images inkludert i den nedlastede filen ( Publicdomainpictures.net ).
Social Media Balloon Ikon Set av ( Double-J Design ).

Laste ned
Andre komponenter i denne kategorienAlle komponenter av denne forfatteren
KommentarerOfte stilte spørsmål og svar

Egenskaper

Laget:
27 juli 12, Siste oppdatering

høy oppløsning:
Ingen, kompatible nettlesere

Programvare version:
jQuery

Søkeord

eCommerce, alle elementer, ajax, alle farger, banner maker, html slider, jQuery, minimal, mobil, plugin, responsive slider, berø, ring, video glidebryteren