Paramètres slick. Sliders Adaptive JQuery pour la page d'atterrissage. Exemples d'utilisation de différentes configurations de curseur SLICK

Salut les amis. Aujourd'hui, nous allons parler de jQuery adaptatif. diapositives qui aideront à décorer votre page d'atterrissage, structurant avec compétence des informations et le soumettre de manière concise.

Une fois que j'ai passé une enquête dans réseaux sociaux Et a demandé d'offrir un script de curseur debout que vous utilisez vous-même. Succès spécial n'a pas marqué de poste, mais j'ai été conseillé grand outillequel aujourd'hui viendra en premier. Pour quoi - merci beaucoup. Peut-être après cet article, quelqu'un conseillera encore mieux script.

Top scripts mettant en œuvre un curseur sur le site

Étant donné que tous les scripts présentés ci-dessous sont des plugins JQuery, ils sont facilement intégrés aux sites HTML ordinaires et à tout CMS et de nombreuses personnes.

Chérousel hibou 2.

À mon avis, le carrousel Owl 2 est le meilleur curseur JQuery de GRATUITEMENT. Paramètres de masse, disponibilité de l'API et possibilité de personnalisation complète. Tout cela est tombé amoureux de son premier coup d'œil. Il réagit parfaitement sur les smartphones et les tablettes, soutient Swip (OM) et bien plus encore.

Slick Slider.

À la deuxième place, maintenant, je mettrais le curseur slick. Une option assez intéressante que j'ai utilisée depuis un moment. Pour les tâches, la page d'atterrissage J'étais assez satisfaite. Placez des commentaires, des logos de marques et de partenaires, avec tout cela ce curseur gonflé avec un bang. Il est possible d'utiliser des méthodes et des événements, ainsi que d'afficher un curseur à plusieurs endroits sur la page.

Sudo curseur.

Entre autres choses, le curseur prend en charge le tournant en faisant glisser les éléments de l'écran tactile, qui ravira sans aucun doute les visiteurs de votre site à l'aide d'un smartphone ou d'une tablette.

Donc, le curseur a un nom slick.js.. Pour connecter le curseur sur le site, insérez le code dans diriger. Votre site les lignes suivantes:

C'est tout! Le curseur est prêt à travailler. Tout ce que vous restez consiste à le connecter aux articles nécessaires. Nous écrivons HTML:

et connecter un curseur à celui-ci (Ce code est préférable de placer dans la section de la tête):

Après de telles manipulations simples, votre glissière Commencez à travailler avec Paramètres par défaut.

Au lieu Contenu 1., Contenu 2. Et d'autres, vous pouvez placer tout contenu - images, serrures, paragraphes, etc. Par exemple, un rotateur des marchandises peut être fait pour la boutique en ligne:

Vous pouvez ajouter un nombre illimité d'éléments dans un rotateur.

En outre, le curseur prend en charge une variété de paramètres - le nombre d'éléments affichés, le nombre d'éléments défilés, un curseur vertical ou horizontal, une vitesse de défilement et ainsi de suite.

Vous pouvez également configurer le nombre d'éléments affichés pour diverses autorisations d'affichage:

$ (Document) .Ready (fonction (fonction () ($ ("curseur de produits"). Slick ((((((((rupture: [(point d'arrêt: 1024, // Pour affiche jusqu'à 1024PX et plus de paramètres: (Slidestoshow: 3, // Numéro Les éléments affichés 3 SlidStoscroll: 3, // Nombre d'éléments défilés à la fois 3 points: True // Points d'affichage (par le nombre d'éléments))), (point d'arrêt: 600, // pour afficher moins de 600 px Paramètres: ( Slidestoshow: 2, // Nombre d'éléments affichés 2 Slidstoscroll: 2 // Nombre d'éléments défilés à la fois 2))), (Point d'arrêt: 480, // Pour afficher moins de 480PX Paramètres: (Slidestoshow: 1, // Nombre de Éléments de défilement à l'époque 1 Slidestoscroll: 1 // Éléments de défilement numérique à la fois 1))]););););

Avec plus paramètres détaillés Vous pouvez trouver sur

nappe. - une solution complète pour créer une fonctionnalité de carrousel, dans ses différentes manifestations. La démo et les options typiques et les sources peuvent être consultées / téléchargées.

Chanter trop

Dans la configuration de base, Slick a plusieurs scripts, plusieurs styles, propre police. J'utilise une version tronquée:

• slick.min.js (minimisé)
• slick.css (+ vous pouvez nettoyer les styles)
• slick-theme.css (+ vous pouvez nettoyer les styles)

Les styles, si désirés, peuvent être combinés en un.
Liens de polices lisses je remplace sur un fontawesome plus pratique

Carrousel de base

La principale fonctionnelle du carrousel définit la classe div mas \u003d "éléments multiples". Div Class \u003d "carrousel" n'est nécessaire que pour définir les timbres du carrousel.

Script d'initialisation du script

$ (Document) .Ready (fonction (Fonction () ($ ("éléments multiples"). Slick (((((// infini: true, // Faites défiler dans un cercle Autoplay: True, Slidestoshow: 3, Slidestoscroll: 3));); );

Slick-curseur (largeur: 100%; flotteur: gauche;) .Slick-diapositive (curseur: pointeur;) .multiples-items-diapositives (marge: 0 15px;). CAROUSEL (PADING: 0 3%; flotteur: Gauche; largeur: 100%; dimensionnement de la boîte: bordure;) / * woocommerce * / .Carousel .woocommerce ul.products Li.Product (marge: 1ème 0 1.992EM 0; largeur: 100%;)

Carrousel Woocommerce

Version modifiée

Un peu simplifié le retrait des marchandises pour le carrousel (! Pas une solution universelle, dans diverses versions de mises en page peut être affichée de différentes manières):

Lors du démarrage des scripts, le carrousel se produit tout au long de la mise en page. Créez les styles d'origine qui garderont le carrousel dans la mise en page actuelle:

Éléments multiples (Affichage: Flex! Important; Flex-wrap: enveloppe; marge-bas: 25px;) .Multiples-items img (-MOZ-Backface-Visibilité: visible; -WebKit-Backface-Visibilité: Visible; Backface-Visibilité : visible;) .Slick-list (marge: 0 -1px 0 0 0! Important; Padding: 0 1px 0 0 0! Important; largeur: 100%;) .slick-piste (bordure: solide # e9eeec; frontière-largeur: 0 0 1px; Affichage: FLEX! IMPORTANT; PADING-FOOD: .1REM;) .CAREMEL;) .PAROUSEL .PRODUCTEL (bordure: Solide # E9AEC; Largeur de la bordure: 1px 1px 1px 0; Fond de la liste: 15px; Style de liste: aucun; text-alignement: centre; position: relatif; marge-bas: -.1rem; hauteur: auto;) .multiple-items\u003e .product (largeur: 25%;)

Les propriétés de la flamme pour les images indiquées, car Si vous laissez caché, alors lorsque vous tournez, ils cachent des étiquettes.

Adaptabilité du carrousel

Le script peut être configuré sous différentes résolutions d'écran. Pour ce faire, dans les paramètres, nous prescrivons les paramètres réactifs

Responsif: [(Point d'arrêt: 1280, Paramètres: (Slidestoshow: 4, Slidestoscroll: 4,)), (Point d'arrêt: 1024, Paramètres: (Slidestoshow: 3, Slidestoscroll: 3,)), (Point d'arrêt: 800, Paramètres: (Slidestoshow : 2, slidestoscroll: 2)), (Point d'arrêt: 480, Paramètres: (Slidestoshow: 1, Slidestoscroll: 1))]

Soit désactivé du tout avec une résolution spécifique - Paramètres: "Minkick"

Glissière

Récemment, le curseur principal est également basé sur le slick. Il y a un petit problème - lors du chargement d'une page pour certaines fractions de secondes, toutes les diapositives sont affichées, puis se plier. Je l'ai déguisé:

Nous faisons tout sauf pour une seule diapositive invisible:

Slick-piste\u003e Div: Nth-enfant (2) IMG (Affichage: bloc! Important;) # Index-curseur img (Affichage: Aucun)

Et lors du chargement de la page, allumez le reste:

JQuery (document) .Ready (jQuery ("# \u200b\u200bindex-curseur img"). CSS ("Affichage", "Bloc");));

Diapositives de téléchargement

Slick en a un autre fonctionnalité utile Lazyload (). Il vous suffit d'ajouter une propriété au script. lAZYLOAD: 'Ondemand'. Et changer la sortie de l'image:

ou vous pouvez toujours simplifier:

Id), "plein"); ?\u003e.

Et afin que les diapositives soient chargées au contraire doivent initialement prescrire une propriété. lAZYLOID: 'progressive'

Le chargement du personnel des images n'est pas parfaitement correct, je vous recommande d'utiliser dans un paquet avec LAZYLOAD.

Version mobile du curseur
Vous pouvez agrandir à la foule. Versions Hauteur Curseur, tout en coupant les bords des images, mais la photo sera plus:

@Media écran et (max-périphérique-largeur: 480px) (# index-curseur, .hotel-photos (Hauteur: 200px;) .slick-liste, piste .Slick (hauteur: 100%;) # index-curseur img , .Hotel-photos img (Hauteur: 100%; Objet-Fit: Couverture;)))

objet-ajustement: couverture; - Propriété de classe CSS 3, soutenue par la plupart des navigateurs

Galerie Slick.

Récemment, l'un des sites a attiré l'attention sur l'utilisation intéressante de Slick sous la forme d'une galerie. La fonctionnalité est que les images de la galerie atteignent les bords de l'écran (le site VERST est plein écran).

Pour mettre en œuvre, il est nécessaire de placer un curseur (# index-curseur) dans le conteneur (.s2) et de prescrire les styles suivants:

S2 (débordement: masqué; Affichage: bloc;) # Index-curseur (max-largeur: 1000px; marge: 0 auto;) .s2 .slick-list (débordement: visible;) # Index-Slider IMG ( Max-largeur: 800px; marge: 0 auto;)

ou encore plus facile:

Pour rendre une telle galerie suffisante pour enregistrer 2 styles:

# Index-curseur (max-largeur: 1280px; Marge: 0 Auto;) # Index-curseur .slick-list (débordement: visible;)

Script du curseur Nous avons téléchargé dans la dernière équipe de la leçon

$ Bower je slick.js

En outre, on peut trouver dans Google - le premier lien à la demande de Slick http://kenweler.github.io/slick/

Les avantages du curseur:

- Prend en charge des événements tactiles - vous pouvez voir depuis le téléphone, mentir avec votre doigt
- Supports sensibles - Vous pouvez définir une quantité différente de diapositives en fonction de la taille de l'écran: sur les grands écrans, visualisez 4 diapositives sur le support 2-3, sur les téléphones un par un

Bonne pratique - Connexion des scripts du dossier Bower_Components



Ensuite, lors de la mise à jour du script, le programme de bower n'aura pas à réécrire le numéro de version dans le code, car le bower donne les noms de scripts permanents qui ne changent pas lors de la mise à niveau.

Quant aux styles qui sont situés dans le dossier slick: slick.css, slick.less, slick.theme.heme.less est préférable de les copier dans le dossier avec CSS et de vous connecter de là. Si vous les laissez en place, et dans les styles de curseur, apportez des modifications, lors de la mise à jour du script, toutes ces modifications seront perdues.

Contrairement aux autres curseurs, les cadres ne sont pas placés dans la liste, mais en blocs:

Appel sans paramètres

Lorsque le plugin est appelé sans paramètres, nous obtenons une option simple avec une diapositive sur la page et les flèches de navigation.

$ (".single-item"). Slick ();

Affichage de plusieurs diapositives

Dans l'exemple, nous avons installé les paramètres "Slick Slider" du défilement de prêt, activé l'affichage des points de navigation, indiquaient le nombre de diapositives affichées et de défilement.
$ (".multiple-items"). Slick ((
Infini: vrai,
// curseur arcé - après la dernière diapositive va d'abord Points: vrai,
// points sous un curseur montrant une diapositive active
Slidestoshow: 3,
// Nombre de diapositives affichées à l'écran Slidestoscroll: 1.
// Nombre de diapositives qui tournent à la fois
});

Mode de centrage

Dans le mode de centrage, la diapositive active est installée au centre.
$ (".Centre"). Slick ((
CENTERMODE: vrai,
Slidestoshow: 3,
});
La diapositive centrale a la classe "Slick-Center", ce qui signifie qu'il peut être fait séparément.

Adaptabilité

Dans le curseur, vous pouvez configurer la sortie adaptative d'un certain nombre de diapositives en fonction de la valeur de largeur de l'écran. Par exemple, vous avez besoin, avec une largeur d'écran inférieure à 600 pixels, seules 2 diapositives ont été affichées et elles ont commuté une par une. La solution à cette tâche ressemblera à

$(".uncycle"). SLICK ((infini: faux, vitesse: 350, // Déterminez le taux de rotation Slidestoshow: 4, // Nombre de diapositives pour l'affichage Slidestoscroll: 2, // Combien de diapositives seront tordues à la fois Responsible: [(Point d'arrêt: 600, // rapporte à quelle largeur de l'écran que vous devez inclure les paramètres Paramètres: (Slidestoshow: 2, Slidestoscroll: 1, Infinite: True,))]));

Commutateur lisse

Dans l'état standard, le curseur réalise une nette substitution de diapositives. Mais la fonctionnalité slick fournit un mode de remplacement de support lisse. Pour ce faire, vous devez recourir à l'attribut Data-paresseux, dans lequel le chemin de la photo est prescrit. L'attribut doit être attribué non à l'enveloppe, mais la balise de l'image. Cela évitera d'utiliser le code JS. Alternative sera cette équipe

LAZYLOAD: "Ondemand"

L'attribut doit être enregistré afin

< img data- lazy = " images/slaid.jpg" >

Interrupteur lisse sans bouger

La particularité d'un tel curseur est qu'il n'ya qu'une seule diapositive à l'écran, qui, lorsque la commutation se déplace progressivement dans la suivante. L'effet est basé sur le principe d'une augmentation en douceur de la transparence. C'est-à-dire qu'un certain segment de temps est sélectionné pendant lequel la transparence de la première diapositive varie de 0% à 100% en raison de laquelle la diapositive suivante devient visible. Le script d'un tel curseur ressemblera à

$(".disparaître"). SLICK ((infini: Vrai, Vitesse: 400, Fade: True, CSSease: "linéaire"));

Slick est aujourd'hui le curseur le plus polyvalent et facile à utiliser. La large gamme de paramètres de curseur couvre le grand ensemble de solutions pour mettre en œuvre des curseurs, ce qui est probablement l'avantage le plus significatif de ce curseur.

Configuration du curseur slick

• assassissement. - La valeur initiale de ce paramètre est définie comme true, il est responsable de la connexion des boutons de navigation pour le curseur - ce sont des flèches en avant et en arrière, ainsi que des boutons sous forme de points.
• adaptiveHeight. - Il est appliqué uniquement à un seul curseur, qui modifiera la hauteur du conteneur parent en fonction de la hauteur du curseur. Dans les conditions initiales, la configuration n'est pas connectée.
• lecture automatique - Ajuste la glissière en mode automatique, sans intervention de l'utilisateur. La valeur standard de ce paramètre correspond à FALSE.
• autoPlaySpeed - Ce paramètre est un auxiliaire pour la lecture automatique et définit une période de temps, après quoi la rotation automatique de la diapositive sera mise en œuvre. Initialement, il est écrit à 3000 millisecondes.
• flèches. - Connecte la flèche au curseur en avant et en arrière. En utilisant la table de styles externes, vous pouvez modifier la position et l'apparence de ces flèches.
• asnav - Définit la liaison de navigation entre les deux curseurs via l'identifiant ou la classe. Dans les conditions initiales, le paramètre correspond à la valeur zéro.
• predarow. - Vous permet de modifier l'apparence de la flèche de navigation standard, qui soumet la diapositive précédente.
• naturel. - Semblable aux caractéristiques du paramètre précédent, mais est responsable de la flèche qui bascule la glissière en avant.
• cENTERMODE. - Corrige la glissière actuelle au centre du conteneur parent, initialement le paramètre est éteint.
• passionné - Avec le mode d'affichage central de la diapositive actuelle (le paramètre précédent) définit le tiret interne de cette diapositive, ce qui vous permettra de augmenter la diapositive actuelle.
• cSSease. - Responsable de l'animation du décalage des images, peut le rendre lisse ou plus net. Prend la valeur standard "facilité".
• encadrement - Vous permet d'insérer votre propre modèle pour la visualisation du curseur.
• points. - Connecte les interrupteurs de points, la valeur par défaut est dans l'état OFF.
• draggeable. - Connectez la possibilité de transformer les diapositives avec la pince de la souris. C'est-à-dire que si vous apportez le curseur de la souris sur le curseur, clampez-le et déplacez-le sur le côté, puis la diapositive passera à la suivante.
• disparaître - Crée un effet d'atténuation de la diapositive lors de la commutation, un effet animé.
• focalonsélectionnez. - Concentrez l'élément spécifié du curseur.
• assouplissement. - Vous permet de définir un mode d'animation spécial lors de la commutation d'images.
• classement - désactive l'interrupteur à glissière sur le dernier élément. Cela ne fonctionne que si le curseur n'est pas en boucle.
• infini. - coqs la projection de diapositives. Cela signifie lors de la mise sous tension de la dernière image, le diaporama commencera en premier.
• idiotlide - Spécifie une image avec laquelle un spectacle de diaporama va commencer. Par défaut, le curseur de lancement sélectionne la première image dans l'ordre.
• lazyload - Vous permet d'établir le mode de chargement des diapositives suivantes. Seules 2 valeurs sont disponibles pour la configuration: "Ondemand" et "progressive", et ce dernier est la valeur par défaut.
• puseonhover - Arrête le retournement des diapositives lorsque vous survolez le curseur de la souris sur le corps du curseur. Cela ne fonctionne que si la commutation automatique de la diapositive est définie.
• pAUSONDOTHOVER - arrête le retournement des diapositives lorsque vous planifiez le curseur de la souris sur les commutateurs à point. Cela ne fonctionne que si la commutation automatique de la diapositive est définie.
• répondre à. - Cause une réaction aux modifications de la largeur de la fenêtre du navigateur. Trois valeurs sont disponibles pour une utilisation: "Fenêtre", "curseur" ou "min".
• sensible - Vous permet d'adapter les paramètres du curseur pour la largeur de l'écran. Il diffère du paramètre précédent en ce que la restriction de la largeur est déterminée par la valeur exacte en pixels. Utilisé pour la mise en page adaptative pour les appareils mobiles.
• slidestoshow. - Vous permet de définir le nombre d'images affichées dans la zone visible. Il est initialement montré 1 diapositive, mais cette valeur peut être variée.
• slidestoscroll - Rapporte le curseur à quel point vous devez modifier des images lors de la commutation.
• la vitesse. - Corrige la vitesse avec laquelle les diapositives seront déplacées.
• variableWidth. - Adapte la largeur des conteneurs à glissière sous la largeur de chaque image affichée.

UPD:J'ai essayé de créer un curseur sur cette leçon et il s'est avéré qu'il était très incomplet.
Je complète.

1. Téléchargez le référentiel ici https://github.com/kenweler/slick
2. Dans le fichier index.html avant d'ouvrir Nous connectons les styles du curseur:

Avant la fermeture Nous connectons des scripts

Ce curseur nécessite des polices. Les polices Dossier du dossier du curseur doivent être placées dans le dossier CSS du projet.
Et dans le dossier du curseur, vous devez trouver le dessin Ajax-loader.gif et dans le fichier Slick-theme.css pour l'enregistrer.

3. Maintenant, le diviseur de curseur est attribué une classe, par exemple des éléments multiples.
Et dans le fichier script.js nous écrivons du code

$ (document) .Ready (fonction () (
$ ("Éléments multiples"). Slick ((
Autoplay: Faux,
AutoPlaySpeed: 6000,
Flèches: vrai,
Infini: vrai,
Points: vrai,
CENTERMODE: vrai,
Slidestoshow: 3,
Slidestoscroll: 1.
});
});

4. Le curseur fonctionne déjà. Mais les flèches ne sont pas visibles, car elles sont en dehors du curseur, et j'ai une largeur du curseur de mon écran entier. Les flèches que nous recherchons dans le fichier slick-theme.css changent d'indentation, de sorte que les flèches restent à l'intérieur du curseur et non à l'extérieur.

5. Bien. Maintenant, dans mon idée, le curseur à glissière central doit différer du côté.
Écrivez suffisamment pour vous inscrire dans le code

$ (". Milieu"). Slick ((
CENTERMODE: vrai,
// centre la diapositive actuelle
CentralePadding: "50px",
// augmente légèrement la diapositive actuelle
Slidestoshow: 3.
// affiche 3 diapositives pour voir
});

Augmenter la taille du curseur central. En fait, cette méthode ne fonctionne pas
Augmentation du style de glissière central
.Slick-Centre (
Couleur de fond: # 8cc63f;
Transformer: échelle (1.3);
}

Afficher plusieurs curseurs d'image lisse et carrousel à l'aide de CourtsCode avec catégorie. Entièrement réactif, balayage activé, traînée de la souris de bureau et boucle infinie. Entièrement accessible avec la touche de navigation de la flèche, des points, des flèches, etc.

Il utilise un type de poste et une taxonomie personnalisés pour créer un curseur, avec des options allongées illimitées et une prise en charge des curseurs multipilles sur n'importe quelle page. Vous pouvez également afficher le curseur d'image sur l'en-tête de votre site Web.

Nous avons ajouté 5 designs pour le curseur et 1 design pour carrousel. Vous pouvez trouver toutes les conceptions sur notre site Web de démonstration. Copiez simplement le code abrégé de la conception que vous aimez et utilisez.

Amendements de magazines

1.8 (08, août 2019)

• [*] Mettre à jour les liens de démonstration
• [*] Correction de petits petits problèmes.
• [*] Texte mis à jour sous Image Feared Ie Ajoutez l'image du curseur.

1.7.1 (31, mai 2019)

• [+] Ajout d'un nouveau paramètre de code shortcode, c'est-à-dire image_fit \u003d »true. Le paramètre image_fit est utilisé pour spécifier la manière dont une image doit être redimensionnée pour s'adapter à son conteneur. Par défaut, la valeur est "vraie". Les options sont vraies ou fausses. Remarque: Remarque: image_fit \u003d "true" fonctionne mieux si la sliderheight est donnée. Si image_fit \u003d »false», pas besoin d'utiliser le paramètre SliderHeight.
• [*] Paramètre image_fit fonctionne avec le code abrégé.
• [+] Ajout d'un nouveau paramètre de code shortcode IE Image_SIZE \u003d »FULL» pour ShortCode (par défaut est "complet", les valeurs sont la vignette, moyenne, moyenne_large, grande, complète)
• [-] Hauteur par défaut supprimée 400 du paramètre SLiderheight.
• [-] Suppression de la propriété CSS Object-Fit de IMG sous CSS si image_fit \u003d »false».

1.6.2 (12, février 2019)

• [*] Changement mineur du flux opt-in.

1.6.1 (26, déc. 2018)

• [*] Mettre à jour le flux d'opt-in.

1.6 (06, déc. 2018)

• [*] Testé avec WordPress 5.0 et Gutenberg.
• [*] Problèmes de hauteur du curseur fixe avec des conceptions.
• [*] Pris une meilleure sécurité avec ESC_URL et ESC_HTML.
• [*] Correction des problèmes de CSS.

1.5.1 (05, juin 2018)

• [*] Suivez certaines directives de plugin détaillées WordPress.

1.5 (10/3/2018)

• [*] Correction des problèmes de CSS liés à la flèche du curseur.

1.4 (10/3/2018)

• [*] Correction des problèmes de CSS

1.3.4 (04/10/2017)

1.3.3 (04/10/2017)

• [*] Mise à jour slick.min.js à la dernière version
• [*] Correction de toutes les problèmes réactifs et vérifié de nombreux appareils mobiles.
• [*] Si vous utilisez n'importe quel plugin de cache, veuillez effacer votre mise en cache après les mises à jour du plugin.

1.3.2.1 (27/09/2017)

• [*] Emission de conception fixe-6 avec le paramètre shortcode variableWidth \u003d »True» dans la disposition réactive
• [*] Si vous utilisez n'importe quel plugin de cache, veuillez effacer votre mise en cache après les mises à jour du plugin.

1.3.2 (23/09/2017)

• [*] Emission de conception fixe-6 avec le paramètre shortcode variableWidth3 »vrai»
• [*] Si vous utilisez n'importe quel plugin de cache, veuillez effacer votre mise en cache après les mises à jour du plugin.

1.3.1.1 (23/09/2017)

• [*] Correction de la question réactive rapportée par les utilisateurs de V-1.3.1
• [*] Si vous utilisez n'importe quel plugin de cache, veuillez effacer votre mise en cache après les mises à jour du plugin.

1.3.1 (22/09/2017)

• [*] Correction de la question principale js wp_register_script

1.3 (22/09/2017)

• [+] Ajouté sliderheight Paramètre en shortcode.
• [*] RTL a permis de travailler avec des sites Web RTL
• [*] Mode central et VariableWidth amélioré mieux selon les commentaires de l'USRES
• [*] sliderheight Paramètre amélioré.

1.2.8 (22/05/2017)

• [+] RTL pris en charge

1.2.7 (25/04/2017)

• [+] Superposition ajoutée pour la conception-2

1.2.6 (07/11/2016)

• [+] Ajout de "Comment ça marche"
• [-] onglet de conception de retrait

1.2.5 (20/10/2016)

• Mise à jour de toutes les conceptions et corrigez le bogue
• Problème d'affichage de l'image fixe sur mobile
• Remplacé des images arrow

1.2.4

• Mise à jour du curseur JS à la dernière version.
• Page de conception du plugin mis à jour.

1.2.3

• Correction de certains problèmes CSS.

1.2.2

• Correction de certains problèmes CSS.
• Résolution du problème de conflit JQuery multiples multiples.

1.2.1

• Correction d'un bug
• Version Pro ajoutée avec 16 designs