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

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


Degrade - The Swiss Army Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

följ SakuraPixelYoucanelso WRITEUS

Degradera - Den Responsive Multipurpose Slider

Degradera - swiss-army-reglaget är ett mångsidigt, helt anpassnings reglaget, med lyhörd beteende och allt-i-ett-funktioner. Den har en 40 + alternativ variant, kan reglaget utseende anpassas genom sina åtta olika skuggor, 4 olika hörn stil, 6 olika kontrolltyper, obegränsade färger, kortkoder, bildtexter stil, fullscreen beteende, vilket ger dig möjligheten att göra bokstavligen hundratals olika reglagen.

Reglaget kan också användas som en banner, kan spela upp video, kan visa bildtexter var du vill, kan användas som reklamverktyg samt display.

Gör det bästa av det!

Funktioner:

Designvariation
Enkelt ändra dess utseende och känsla inom några sekunder. Försämra Slider kommer med massor av färdiga tillgångar som skuggor, hörn, kontroller. Obegränsat färger, kan du enkelt ändra varje komponent färg inne reglaget som gör det unikt. Alternativt kan du stänga av någon design komponent och skapa HTML banners som går över alla enheter.

Prestanda
Alla diabilder håller dynamiskt laddade tråg Ajax, vi ägnat särskild uppmärksamhet åt dess prestanda samtidigt som dess rika utformning, diabilder finns så snart de är laddade, det finns inga minnesläckor är försämra Slider också optimerad för touch / dra skärmen händelser.

Kortkoder
Degradera Slider kommer med BUILTIN kortkoder. Kortkoder gör det enkelt att lägga till olika element som du kan behöva inne reglaget. Till exempel behöver du en röd knapp med rundade hörn, du helt enkelt lägga till följande kod i en bildtext:

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

Se alla tillgängliga kortkoder inom förhandsvisning.

Responsive
Oavsett om du visar på stationära datorer, tablet, mobiler, ditt arbete, dina bilder, dina produkter kommer alltid ser likadana!

PSD och hjälpfiler
Försämra Slider kommer med skiktad PSD och alla designelement (skuggor, pilar, knappar och hörn). Se hjälpfilerna här: Viktigt

Slider alternativ

 slideAnimationType: "easeOutQuint", // reglaget animation / typ övergång slideAnimationDuration: 600, // glider standardanimering varaktighet enableTouchDragSlides: true, // aktivera / inaktivera Tryck på och dra diabilder Autoplay: falskt, // autoplay diabilder autoPlayInterval: 5000, // självspelande intervallet (5 sekunder) pauseAutoplayOnHover: sant, // pausa autoplay på hover autoPlayStopAtEnd: sant, // Stoppa Autoplay i slutet (skulle kunna användas för banner skapande) Autoskala: sant, // lyhörd beteende showShadow: sant, // show reglaget skugga shadowType: "ShadowType01 ', // skugg typ (det finns åtta skuggtyper tillgängliga ShadowType01.... till... ShadowType08) showBottomCorners: true, // show nedre hörn bottomCornersStyle: "CornerStyle01", // hörn stil (det finns 4 hörntyper tillgängliga CornerStyle01.... till... CornerStyle04) showCenterButtons: true, // show center navigeringsknappar showCenterButtonsBackground: falskt, // show center navigeringsknapp bakgrund centerButtonsAdjustPosition: 20, // justera center navigeringsknappar vertikal position (ex: 20 eller -20) showCenterButtonsStyle: "Style01", // center navigeringsknappen stil (det finns två stil tillgängliga Style01 och Style02) enableKeyboardNav: true, // aktivera / inaktivera tangentbordsnavigering showSliderBackground: true, // aktivera / avaktivera reglagen bakgrund sliderBackgroundColor: "#FFFFFF", // reglagen bakgrundsfärg sliderBackgroundOpacity:.2, // reglagen s bakgrunds opacitet sliderShowBorder: true, // aktivera / inaktivera reglagen gräns sliderBorderColor: "#FFFFFF", // reglagen s kantfärg sliderShowInnerBorder: true, // aktivera / avaktivera reglagen s inre gränsen sliderInnerBorderColor: "#FFFFFF", // reglagen inre kantfärg showLeftRightNav: true, // aktivera / avaktivera sliders pilar navigering showLeftRightNavIsBackground: falskt, // reglagen s pilar navigering bakgrund leftRightNavBackgroundColor: "# 212.121", // reglagen s pilar navigering bakgrundsfärg leftRightNavType: "Nav04", // reglagen pilar navigering typ (det finns 4 typer tillgängliga: Nav01 till Nav04) leftNavAdjustPosition: 10, // justera horisontell position vänster navigeringspilen rightNavAdjustPosition: -10, // justera horisontell position höger navigeringspilen showSliderPreloader: true, // aktivera / inaktivera skjutreglagets preloader showDragCursor: falskt, // show dra markören enableFullScreen: true, // aktivera / inaktivera infödda helskärm (för webbläsare som stöder helskärm) normalWidth: 800, // reglaget standardbredden normalHeight: 400 // default reglaget höjd 



Bildtexter
Försämra Slider stödjer obegränsat texter på varje bild, kan du lägga till HTML-innehåll inom bildtexter.
Varje bildtext har fördefinierade egenskaper och animationer som du kan åsidosätta inifrån HTML. Se tillgängliga egenskaper nedan.

 positionX: "0", // bildtext position X positionY: "0", // bildtext läge Y animation: "Ingen", // bildtext animation cpuld vara (Ingen, SlideFromLeft, SlideFromRight, SlideFromTop, SlideFromBottom) animationType: "easeOutQuint", // animation övergångstypen (se OBS ovan) animationDuration: 500, // animation varaktighet (se OBS ovan) delayAnimation: 0, // fördröjnings animation start (se OBS ovan) isBackground: "false" // bildtext bakgrund background: "# 212.121", // bildtext bakgrundsfärg backgrondTransparency: 0,5, // bildtext bakgrund öppenhet fullWidthVideo: "false" // bildtext fulla bredd video (se prov med video) 



Övriga funktioner

  • Fullskärmsstöd
  • Peka optimerad
  • jQuery Powered
  • Obegränsad färgvariation
  • Custom Design
  • PSD Source Ingår
  • Dokumentation ingår

Krediter

Förhandsgransknings Bilder ( Fotolia.com ). Observera att förhandsgranska bilderna inte ingår i den hämtade filen.
Bilder som ingår i den hämtade filen ( Publicdomainpictures.net ).
Social Media Balloon Ikonuppsättning av ( Dubbel J Design ).

Hämta
Andra komponenter i denna kategoriAlla komponenter i denna författare
KommentarerVanliga frågor och svar

Egenskaper

Skapad:
27 juli 12

Senaste uppdatering:
N / A

Högupplösta:
Inga, Kompatibla webbläsare

Nyckelord

e-handel, alla artiklar, ajax, alla fä, rger, banner maker, skjut html, jQuery, minimal, mobil, plugin, lyhö, rd reglaget, berö, ring, reglaget video