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

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


Degrade - The Swiss Army Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

segueixi SakuraPixelYoucanelso WRITEUS

Degradar - El Responsive Multiusos lliscant

Degradar - el-exèrcit-slider suís és una d'usos múltiples, totalment lliscant personalitzable, amb un comportament de resposta i característiques de tot-en-un. És l'esport una variació de 40 opcions, l'aparença de la barra lliscant es pot personalitzar a través dels seus 8 ombres diferents, 4 estil diferent cantonada, 6 tipus de control diferents, colors il·limitats, codis curts, llegendes estil, el comportament de pantalla completa, que li dóna la possibilitat de fer, literalment, centenars de diferents controls lliscants.

El cursor pot també ser utilitzat com una bandera, pot reproduir vídeo, pot mostrar subtítols on tu vulguis i es pot utilitzar com a eina de publicitat, així com panell de visualització.

Fer el millor d'ella!

Característiques:

Variació Disseny
Canvieu fàcilment la seva aparença en qüestió de segons. Degradi lliscant ve amb un munt d'actius predefinits, com ombres, les cantonades, els controls. Colors il·limitats, pot canviar fàcilment color de tots els components dins d'un regulador que el fan únic. Alternativament, vostè pot desactivar qualsevol component de disseny i crear banners HTML que s'executen en tots els dispositius.

Rendiment
Totes les diapositives es carreguen de manera dinàmica a través d'Ajax, hem prestat especial atenció al seu exercici, mantenint el seu disseny exquisit i diapositives estan disponibles quan es carreguen, no hi ha pèrdues de memòria, degradar lliscant també està optimitzat per a esdeveniments de pantalla tàctil / arrossegament.

Shortcodes
Degradi lliscant ve amb codis curts ordre interna. Shortcodes fa que sigui fàcil d'afegir diferents elements que pugui necessitar a l'interior de la barra lliscant. Per exemple, vostè necessita un botó vermell amb cantonades arrodonides, només ha d'afegir el següent codi dins d'un subtítol:

 <a href="http://yourlink.com" Botó red"> class = "degradeButton RoundButton </a> 

Veure tots els codis curts disponibles dins de la vista.

Sensible
Ja sigui que s'estigui veient en els escriptoris, tauleta, mòbils, el seu treball, les seves imatges, els seus productes es busqui sempre el mateix!

Arxius PSD i Ajuda
Degradi lliscant ve amb PSD en capes i tots els elements de disseny (ombres, fletxes, botons i cantonades). Veure fitxers d'ajuda aquí: Llegeix-me

Opcions lliscants

 slideAnimationType: "easeOutQuint", // animació / tipus de transició del control lliscant slideAnimationDuration: 600, // llisca per defecte durada de l'animació enableTouchDragSlides: true, // Activar / Toc i arrossegament diapositives desactivar Reproducció automàtica: false //, diapositives de reproducció automàtica autoPlayInterval: 5000, // interval de reproducció automàtica (5 segons) pauseAutoplayOnHover: true, // pausar la reproducció automàtica en vol estacionari autoPlayStopAtEnd: true, // reproducció automàtica de parada al final (podria ser utilitzat per a la creació de pancarta) autoScale: true, // comportament receptiu showShadow: true //, ombra espectacle slider shadowType: 'ShadowType01', // tipus d'ombra (hi ha 8 tipus d'ombra disponibles ShadowType01.... per... ShadowType08) showBottomCorners: true //, cantonades inferiors espectacle bottomCornersStyle: "CornerStyle01", // cantonades estil (hi ha 4 tipus de corbes disponibles CornerStyle01.... per... CornerStyle04) showCenterButtons: true, botons de navegació centre mostren // showCenterButtonsBackground: false, // fons espectacle central del botó de navegació centerButtonsAdjustPosition: 20, // ajustar els botons de navegació del centre de la posició vertical (ex: 20 o -20) showCenterButtonsStyle: "Style01", // l'estil de botó de navegació central (hi ha dos estils disponibles Style01 i Style02) enableKeyboardNav: true //, activar / desactivar la navegació mitjançant el teclat showSliderBackground: true //, activar / desactivar el fons dels barres de desplaçament sliderBackgroundColor: "# FFFFFF", // color de fons dels barres de desplaçament sliderBackgroundOpacity: 0.2, // l'opacitat de fons dels barres de desplaçament sliderShowBorder: true //, activar / desactivar la vora de barres de desplaçament sliderBorderColor: "# FFFFFF", // color de la vora dels barres de desplaçament sliderShowInnerBorder: true //, permeten vora interior de / desactivar els controls lliscants sliderInnerBorderColor: "# FFFFFF", // color intern frontera de barres de desplaçament fletxes cert, // activar / desactivar de barres de desplaçament de navegació: showLeftRightNav showLeftRightNavIsBackground: false, fletxes de navegació fons // de barres de desplaçament leftRightNavBackgroundColor: "# 212121", // color de les fletxes de navegació fons de barres de desplaçament leftRightNavType: "Nav04", // Tipus de fletxes de navegació dels barres de desplaçament (hi ha 4 tipus disponibles: NAV01 a Nav04) leftNavAdjustPosition: 10, // ajustar la posició horitzontal de l'esquerra fletxa de navegació rightNavAdjustPosition: -10, // ajustar la posició horitzontal de la navegació de fletxa dreta showSliderPreloader: true //, habilitar / deshabilitar preloader del botó lliscant showDragCursor: false //, cursor xou de drag enableFullScreen: true, // activar / desactivar pantalla completa natiu (per a navegadors que suporta pantalla completa) normalWidth: 800 //, ample lliscant per defecte normalHeight: 400 // defecte alçada slider 



Subtítols
Degradi lliscant suporta subtítols il·limitats en cada diapositiva, pot afegir qualsevol contingut HTML en els subtítols.
Cada títol té propietats i animacions predefinides que es poden anul·lar des de dins HTML. Veure propietats disponibles a continuació.

 positionX: "0", // posició epígraf X positionY: "0", // posició subtítol I animació: "Cap", // animació del títol cpuld ser (Cap, SlideFromLeft, SlideFromRight, SlideFromTop, SlideFromBottom) animationType: "easeOutQuint", // tipus de transició animació (veure nota anterior) animationDuration: 500, // durada de l'animació (veure nota anterior) delayAnimation: 0, // inici animació retard (veure nota anterior) isBackground: "false" // fons dels subtítols backgroundColor: "# 212121", // color de fons del subtítol backgrondTransparency: 0.5, // fons dels subtítols transparència fullWidthVideo: "false" // subtítol ample de vídeo (veure la mostra amb vídeo) 



Altres característiques

  • Suport de pantalla completa
  • Toc optimitzat
  • jQuery Powered
  • Il limitat variació de color
  • Disseny Personalitzat
  • PSD Font incloure
  • Documentació inclosa

Crèdits

Vista Prèvia d'Imatges ( Fotolia.com ). Tingueu en compte que les imatges de vista prèvia no s'inclouen en el fitxer de descàrrega.
Imatges incloses dins de l'arxiu de descàrrega ( Publicdomainpictures.net ).
Icona del globus Social Media setembre by ( doble J Design ).

Descarregar
Altres components d'aquesta categoriaTots els components d'aquest autor
Comentaris dels clientsPreguntes freqüents i respostes

Propietats

Creat:
27 de juliol 12

última actualització:
N / A

Alta Resolució:
no

Navegadors compatibles:
IE8, IE9, Firefox, Safari, Opera, Chrome, Arxius inclosos

Programari Versió:
jQuery

Paraules clau

eCommerce, Tots els Articles, ajax, tots els colors, fabricant de bandera, slider html, jquery, mí, nim, mò, bil, plugin, slider sensible, tà, ctils, slider ví, deo