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

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


Degrade - The Swiss Army Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

volgen SakuraPixelYoucanelso WRITEUS

Degraderen - De Responsive Multifunctionele Slider

Degraderen - de swiss-army-slider is een multifunctionele, volledig klantgericht slider, met responsieve gedrag en alles-in-één functies. Het sporten een 40+ opties variatie, kan het uiterlijk van de slider's worden aangepast door middel van haar 8 verschillende schaduwen, 4 verschillende hoeken stijl, 6 verschillende soorten controle, onbeperkt aantal kleuren, shortcodes, bijschriften stijl, fullscreen gedrag, waardoor u de mogelijkheid om letterlijk honderden verschillende schuifregelaars.

De slider kan ook worden gebruikt als een banner, kunt video's afspelen, u onderschriften weergeven waar u maar wilt, kan worden gebruikt als reclame-instrument evenals display.

Maak het beste van maken!

Kenmerken:

Ontwerp variatie
Verander gemakkelijk de look en feel binnen enkele seconden. Degraderen Slider wordt geleverd met tal van vooraf gebouwde activa zoals schaduwen, hoeken, controles. Onbeperkt aantal kleuren, kunt u eenvoudig de kleur van elke component te veranderen binnen de schuifknop waardoor het uniek. Als alternatief kunt u elk ontwerp component uit te schakelen en het creëren van HTML banners die lopen over alle apparaten.

Prestatie
Alle dia's worden dynamisch geladen trog Ajax, betaalden we speciale aandacht voor zijn prestaties met behoud van de rijke vormgeving, dia's zijn beschikbaar zodra ze geladen zijn, zijn er geen geheugen lekken, wordt Degrade Slider ook geoptimaliseerd voor touch / slepen screen evenementen.

Shortcodes
Degraderen Slider wordt geleverd met ingebouwde shortcodes. Shortcodes maakt het gemakkelijk om de verschillende elementen die je nodig zou kunnen hebben in de slider toevoegen. Zo heb je een rode knop met afgeronde hoeken, je gewoon voeg de volgende code binnen een bijschrift:

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

Zie alle beschikbare shortcodes in de preview.

Sympathiek
Of u nu de weergave op desktops, Tablet PC, mobiele telefoons, uw werk, uw beelden, uw producten zal altijd hetzelfde uitzien!

PSD en Help-bestanden
Degraderen Slider komt met gelaagde PSD en alle design elementen (schaduwen, pijlen, knoppen en hoeken). Zie Help-bestanden hier: Leesmij

Slider opties

 slideAnimationType: "easeOutQuint", // slider's animatie / overgang soort slideAnimationDuration: 600, // glijdt standaardanimatie duur enableTouchDragSlides: true, // enable / disable touch en sleep slides autoPlay: vals, // autoplay slides autoPlayInterval: 5000, // autoplay interval (5 seconden) pauseAutoplayOnHover: true, // autoplay hover pauzeren autoPlayStopAtEnd: true, // Stop Autoplay op het einde (kan worden gebruikt voor banner creatie) autoscale: true, // responsieve gedrag showShadow: true, // tonen slider schaduw shadowType: 'ShadowType01', // soort schaduw (er zijn 8 schaduw types beschikbaar ShadowType01.... om... ShadowType08) showBottomCorners: true, // tonen onderste hoeken bottomCornersStyle: "CornerStyle01", // hoeken stijl (er zijn 4 hoek types beschikbaar CornerStyle01.... om... CornerStyle04) showCenterButtons: true, // tonen centrum navigatieknoppen showCenterButtonsBackground: vals, // achtergrond tonen centrum navigatieknop's centerButtonsAdjustPosition: 20, // passen centrum navigatieknoppen verticale positie (ex: 20 of -20) showCenterButtonsStyle: "Style01", // stijl centrum navigatieknop's (er zijn twee beschikbare stijl Style01 en Style02) enableKeyboardNav: true, // staat / keyboard navigatie uitschakelen showSliderBackground: true, // enable / disable sliders's achtergrond sliderBackgroundColor: "#FFFFFF", // sliders's achtergrondkleur sliderBackgroundOpacity: 0,2, // sliders's achtergrond ondoorzichtigheid sliderShowBorder: true, // enable / disable sliders grens sliderBorderColor: "#FFFFFF", // sliders's randkleur sliderShowInnerBorder: true, // enable / disable sliders innerlijke grens sliderInnerBorderColor: "#FFFFFF", // sliders innerlijke randkleur showLeftRightNav: true, // enable / disable sliders's pijlen navigatie showLeftRightNavIsBackground: vals, // sliders's pijlen navigatie achtergrond leftRightNavBackgroundColor: "# 212121", // sliders's pijlen navigatie achtergrondkleur leftRightNavType: "Nav04", // sliders's pijlen navigatie type (er zijn 4 types beschikbaar: Nav01 te Nav04) leftNavAdjustPosition: 10, // passen horizontale positie van linkernavigatie pijl rightNavAdjustPosition: -10, // passen horizontale positie van rechts navigatie pijl showSliderPreloader: true, // enable / disable preloader slider's showDragCursor: vals, // tonen slepen cursor enableFullScreen: true, // staat / inheemse volledig scherm uit te schakelen (voor browsers die volledig scherm ondersteunt) normalWidth: 800, // standaard slider breedte normalHeight: 400 // standaard slider hoogte 



Bijschriften
Degraderen Slider ondersteunt een onbeperkt aantal bijschriften op elke dia, kunt u een HTML-content toe te voegen binnen bijschriften.
Elke titel heeft een vooraf gedefinieerde eigenschappen en animaties die u kunt overschrijven vanuit HTML. Zie beschikbare accommodaties hier beneden.

 positieX: "0", // bijschrift positie X positionY: "0", // bijschrift positie Y animatie: "Geen", // animatie bijschrift's cpuld zijn (Geen, SlideFromLeft, SlideFromRight, SlideFromTop, SlideFromBottom) animationType: "easeOutQuint", // animatie type overgang (zie opmerking hierboven) animationDuration: 500, // animatie duur (zie opmerking hierboven) delayAnimation: 0, // vertraging animatie start (zie opmerking hierboven) isBackground: "false" // bijschrift achtergrond backgroundColor: "# 212121", // bijschrift achtergrondkleur backgrondTransparency: 0,5, // bijschrift achtergrond transparantie fullWidthVideo: "false" // bijschrift volle breedte video (zie monster met video) 



Andere functies

  • Full-screen ondersteuning
  • Raak geoptimaliseerd
  • jQuery Powered
  • Onbeperkt kleurvariatie
  • Ontwerp van de douane
  • PSD Inbegrepen
  • Documentatie Inbegrepen

Credits

Voorbeeld Afbeeldingen ( Fotolia.com ). Houdt u er rekening mee dat de preview-beelden niet zijn opgenomen in het downloadbestand.
Beelden opgenomen in het gedownloade bestand ( Publicdomainpictures.net ).
Social Media Ballon Icon Set door ( dubbel-J Design ).

Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
juli 27 12

Laatste update:
N / A

hoge resolutie:
Nee

compatibele browsers:
IE8, IE9, Firefox, Safari, Opera, Chrome

Bestanden Inbegrepen:
JavaScript JS, HTML, CSS, gelaagde PSD, Gelaagde PNG

Software version:
jQuery

Trefwoorden

eCommerce, Alle artikelen, ajax, alle kleuren, banner maker, html slider, jQuery, minimaal, mobiel, plugin, responsieve slider, aanraking, video slider