Voici des détails supplémentaires sur comment créer un carrousel d’images.
Vous allez retrouver ci-dessous les étapes à suivre afin de créer un carrousel d’images:
- Créez l’espace pour les images en utilisant l’outil bloc rectangulaire.
![](https://webpublication.fr/wp-content/uploads/2021/03/image7-2-1024x577.png)
2. Dupliquez le bloc rectangulaire par le nombre d’images que vous souhaitez incorporer dans le carrousel.
![](https://webpublication.fr/wp-content/uploads/2021/03/image9-1024x576.png)
3. Sélectionnez tous les blocs et importez les images: "Fichier" => "Importer" => Images.
![](https://webpublication.fr/wp-content/uploads/2021/03/image6-1-1024x670.png)
![](https://webpublication.fr/wp-content/uploads/2021/03/image21-1-1024x575.png)
4. Sélectionnez tous les blocs et, avec un clic droit, ajustez les dimensions des images.
![](https://webpublication.fr/wp-content/uploads/2021/03/image13-1.png)
5. Alignez toutes les images avec la première image.
![](https://webpublication.fr/wp-content/uploads/2021/03/image15-1-1024x573.png)
6. Une fois les images bien alignées, sélectionnez-les et choisissez "Convertir la sélection en objet à états multiples" depuis la partie "États d’objet".
![](https://webpublication.fr/wp-content/uploads/2021/03/image19-1-1024x474.png)
![](https://webpublication.fr/wp-content/uploads/2021/03/image12-1-1024x485.png)
7. Maintenant, vous créez les flèches qui vous permettront d’aller d’un état à l’autre, en utilisant l’outil "Rectangle":
- créez le rectangle;
- tournez-le;
- coupez-le avec l’outil "Ciseaux";
![](https://webpublication.fr/wp-content/uploads/2021/03/image11-2-1024x558.png)
8. Placez les flèches sur les côtés des images et convertissez-les en boutons.
![](https://webpublication.fr/wp-content/uploads/2021/03/image4-1-1024x574.png)
![](https://webpublication.fr/wp-content/uploads/2021/03/image25-1-1024x431.png)
![](https://webpublication.fr/wp-content/uploads/2021/03/image8-1-1024x430.png)
- Maintenant vous avez aussi la possibilité de créer un carrousel/slider depuis le plugin.
![](https://webpublication.fr/wp-content/uploads/2022/02/image-1.png)
Pour plus de détails, on vous invite également à consulter Webpublication Academy:
No comments.