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

@fr1wwsAbonnez-vous à notre RSS pour rester à jour!

Nouveau! Suivez-nous que vous le souhaitez!


Degrade - The Swiss Army Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

suivez SakuraPixelYoucanelso WRITEUS

Dégrader - Le Responsive Multipurpose Curseur

Dégrader - l'swiss-armée-curseur est une polyvalente, entièrement personnalisable curseur, avec un comportement réactif et fonctionnalités tout-en-un. Il arbore une variation des options de plus de 40, l'apparence du curseur peut être personnalisé grâce à ses huit ombres différentes, quatre style différent de coin, six types de contrôle différents, couleurs illimitées, shortcodes, légendes de style, le comportement plein écran, vous donnant la possibilité de faire littéralement des centaines de différents curseurs.

Le curseur peut aussi être utilisé comme une bannière, peut lire des vidéos, peut afficher les légendes où vous voulez, peut être utilisé comme outil de publicité ainsi que le panneau d'affichage.

Faire le meilleur de lui!

Caractéristiques:

variation de design
Changez facilement son look et se sentir en quelques secondes. Degrade curseur vient avec beaucoup d'actifs prédéfinis comme des ombres, des coins, des contrôles. Couleurs illimitées, vous pouvez facilement changer la couleur de tous les composants à l'intérieur du curseur qui le rend unique. Sinon, vous pouvez désactiver ne importe quel composant de conception et créer des bannières HTML qui se exécutent sur tous les appareils.

Performance
Toutes les lames sont chargés dynamiquement cuvette Ajax, nous avons porté une attention particulière à sa performance tout en conservant son design riche, diapositives sont disponibles dès qu'ils sont chargés, il n'y a pas de fuites de mémoire, Degrade Slider est également optimisé pour les événements d'écran tactile / traînée.

Shortcodes
Degrade curseur est livré avec shortcodes intégré. Shortcodes, il est facile d'ajouter différents éléments que vous pourriez avoir besoin à l'intérieur du curseur. Par exemple, vous avez besoin d'un bouton rouge avec des coins arrondis, il suffit d'ajouter le code suivant dans une légende:

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

Voir tous les shortcodes disponibles dans l'aperçu.

Sensible
Que vous afficher sur les ordinateurs de bureau, tablette, mobiles, votre travail, vos images, vos produits seront toujours regarder la même chose!

Fichiers PSD et Aide
Degrade curseur est livré avec PSD couches et tous les éléments de conception (ombres, des flèches, des boutons et coins). Voir les fichiers d'aide ici: Lisez-moi

options de coulissants

 slideAnimationType: "easeOutQuint", // animation / type de transition de curseur slideAnimationDuration: 600, // glisse durée de l'animation par défaut enableTouchDragSlides: true, // Activer / diapositives de toucher et faire glisser désactiver autoPlay: false, // diapositives de lecture automatique autoPlayInterval: 5000, // intervalle de lecture automatique (5 secondes) pauseAutoplayOnHover: true, // pause lecture automatique stationnaire autoPlayStopAtEnd: true, // autoplay arrêt à la fin (peut être utilisé pour la création de la bannière) AUTOSCALE: true, // comportement réactif showShadow: true, // spectacle curseur ombre shadowType: 'ShadowType01', // type de l'ombre (il ya huit types d'ombre disponible ShadowType01.... pour... ShadowType08) showBottomCorners: true, // coins spectacle de fond bottomCornersStyle: "CornerStyle01", // coins de style (il ya 4 types de coin disponibles CornerStyle01.... pour... CornerStyle04) showCenterButtons: true, // boutons de navigation de l'axe du spectacle showCenterButtonsBackground: false, // fond de spectacle centre navigation touche centerButtonsAdjustPosition: 20, // régler les boutons de navigation centre position verticale (ex: 20 ou -20) showCenterButtonsStyle: "Style01", // le style de touche de navigation centrale (il ya deux styles disponibles Style01 et Style02) enableKeyboardNav: true, // activer / désactiver la navigation au clavier showSliderBackground: true, // permettre à l'arrière-plan / désactiver les curseurs sliderBackgroundColor: "#FFFFFF", // couleur de fond'S curseurs sliderBackgroundOpacity: 0,2, // fond l'opacité de curseurs sliderShowBorder: true, // activer la frontière / désactiver les curseurs sliderBorderColor: "#FFFFFF", // couleur de la bordure'S curseurs sliderShowInnerBorder: true, // permettent frontière intérieure / désactiver les curseurs sliderInnerBorderColor: "#FFFFFF", // couleur de la bordure intérieure'S curseurs les flèches de true, // activer / désactiver curseurs navigation: de showLeftRightNav showLeftRightNavIsBackground: false, flèches de navigation fond'S // curseurs leftRightNavBackgroundColor: "# 212121", // flèches de navigation couleur de fond'S curseurs leftRightNavType: "Nav04", // type flèches de navigation de curseurs (il ya 4 types disponibles: NAV01 à Nav04) leftNavAdjustPosition: 10, // ajuster la position horizontale de flèches de navigation gauche rightNavAdjustPosition: -10, // régler la position horizontale de navigation de droite flèche showSliderPreloader: true, // activer / désactiver préchargement de curseur showDragCursor: false, // spectacle faites glisser le curseur enableFullScreen: true, // activer / désactiver plein écran natif (pour les navigateurs qui prend en charge plein écran) normalWidth: 800, // largeur de curseur par défaut hauteur de curseur 400 // défaut: de normalHeight 



Légendes
Degrade curseur prend en charge un nombre illimité de légendes sur chaque diapositive, vous pouvez ajouter ne importe quel contenu HTML dans les légendes.
Chaque légende a des propriétés et des animations prédéfinies que vous pouvez remplacer à partir de HTML. Voir les propriétés disponibles ci-dessous.

 positionX: "0", // position de légende X positionY: "0", // la position de la légende Y animation: "Aucun", // l'animation de légende cpuld être (Aucun, SlideFromLeft, SlideFromRight, SlideFromTop, SlideFromBottom) animationType: "easeOutQuint", // type de transition d'animation (voir note ci-dessus) animationDuration: 500, // durée de l'animation (voir note ci-dessus) delayAnimation: 0, // retard sur le démarrage d'animation (voir note ci-dessus) isBackground: "false" // légende fond backgroundColor: "# 212121", // couleur légende de fond backgrondTransparency: 0,5, // transparence légende de fond fullWidthVideo: "false" // légende pleine largeur vidéo (voir l'exemple avec vidéo) 



Autres caractéristiques

  • Soutien plein écran
  • Touchez optimisé
  • Propulsé jQuery
  • Illimité variation de couleur
  • Custom Design
  • PSD Source Inclus
  • Documentation Inclus

Crédits

Preview Images ( Fotolia.com ). Se il vous plaît noter que les images d'aperçu ne sont pas inclus dans le fichier de téléchargement.
Images inclus dans le fichier de téléchargement ( Publicdomainpictures.net ).
Social Media Balloon Icon Set par ( Double-J Conception ).

Télécharger
D'autres éléments de ce typeTous les composants de cet auteur
CommentairesFoire aux questions et réponses

Propriétés

Créé:
27 Juillet 12

Dernière mise à jour:
N / A

Haute Résolution:
non

Navigateurs compatibles:
IE8, IE9, Firefox, Safari, Opera, Chrome

Fichiers inclus:
JS JavaScript, HTML, CSS, PSD, PNG Layered

Software Version:
jQuery

Mots-clés

eCommerce, tous les objets, ajax, toutes les couleurs, banniè, re maker, html curseur, jquery, minimal, mobile, plugin, curseurs sensibles, tactiles, vidé, o curseur