Tutoriel du thème Avada : comment utiliser l'élément Image Carousel pour créer la page d'accueil de l'effet de rotation d'image

Dans le domaine de la conception de sites web.Rotation des photosL'élément Carrousel d'images d'Avada peut vous aider à obtenir rapidement un bel effet de rotation d'image sans écrire de code. Cet article vous montrera comment utiliser l'élément Avada Builder La création d'une rotation d'images vous guide pas à pas à travers tous les paramètres permettant d'améliorer facilement l'attrait visuel de votre site web.

I. Qu'est-ce que l'élément de rotation d'image Avada ?

Dans Avada Élément Carrousel d'images (Image Carousel) Permet d'ajouter plusieurs images à une page, avec des paramètres flexibles pour l'affichage automatique ou manuel du défilement, la prise en charge deEffet boîte à lumièreetParamètres des liensetconception réactiveLa valeur de l'emballage est de 1,5 million d'euros, ce qui permet de l'exposer :

• Photos du produit
• Cas de projets
• Logo du client
• Photographie
• Autres présentations de contenu visuel

Deuxièmement, les étapes détaillées de la création d'une rotation d'image

1) Ajout d'un élément de rotation de l'image

Allez sur la page à modifier et utilisez Avada Builder pour ouvrir la page :

• Cliquez pour ajouter un nouveau Conteneur.
• Options de présentation des conteneurslargeur totaleLa largeur du contenu est fixée à100%.
• Dans le conteneur, cliquez sur "+"Ajouter des éléments

• L'ajout d'un conteneur auCarrousel d'images Éléments.

2. téléchargement d'images par lots

Avada propose deux types de téléchargementphotographieChemin :

• "Ajouter une imageOption " : une seule image peut être téléchargée à la fois.
• "Bulk Add"Options :Téléchargement direct d'images par lots.

3. réglage des paramètres de base de la rotation de l'image

Dans "Général"Vous pouvez effectuer les réglages suivants :

Nom du paramètre	Paramètres et instructions recommandés
Commander par(Photos dans l'ordre)	Le tri croissant, décroissant ou aléatoire peut être sélectionné et réglé à volonté.
Taille de l'image(Taille de l'image)	Choix proposés AutoL'image sera automatiquement redimensionnée en fonction des dimensions d'origine.
Type de survol(Effet de survol)	Facultatif : zoom avant, zoom arrière, effet de déplacement vers le haut ou pas d'effet
Jeu automatique(Autoplay)	Activé si l'auto-rotation est nécessaire, sinon désactivé
Nombre maximal de colonnes(nombre de colonnes)	Un réglage de 4 est recommandé pour une présentation plus claire des images individuelles.
Espacement des colonnes(espacement des colonnes)	Le réglage recommandé est30pxLes marges par défaut du conteneur sont les mêmes que les marges par défaut du conteneur.

4. définir l'effet de défilement

• Éléments du parchemin(Numéro de défilement) : définit le nombre d'images à afficher à chaque défilement ; le réglage recommandé est "2" ou laisser le champ vide (laisser le champ vide revient par défaut à faire défiler le numéro visible actuel).
• Navigation(Flèches de navigation) : Si la lecture automatique n'est pas activée, il est recommandé d'activer les flèches de navigation.
• Défilement de la souris(Défilement de la souris) : il est recommandé de le désactiver au cas où il affecterait l'expérience de visualisation de la page.

5. configurer l'effet de boîte à lumière (Lightbox)

Effet boîte à lumièreUne fenêtre plein écran ou flottante apparaît lorsque l'utilisateur clique sur une image, montrant une version plus grande de l'image.

• Boîte à lumière option Oui.

pointe: :
Si un lien de saut est ajouté à une image, l'effet "lightbox" sera désactivé pour cette image.

Aperçu de l'effet

Sauvegardez la page après avoir terminé les réglages et prévisualisez le front-end :

• Rotation des photosLe contenu de l'image sélectionnée s'affiche.
• Les utilisateurs peuvent faire défiler les images à l'aide des flèches de navigation, ou cliquer sur l'image pour ouvrir la boîte à lumière et apprécier les détails de l'image.

III. précautions et recommandations d'optimisation

• suggestionTaille et échelle de l'imageVeillez à ce qu'il soit cohérent afin que l'affichage de la rotation soit le plus efficace possible.
• Si vous avez des images de tailles différentes, utilisez la fonction"Mode "AutoadaptatifAffichez, mais faites attention à l'effet visuel global.
• utiliserEffet boîte à lumièreIl peut améliorer l'expérience interactive de l'utilisateur et convient aux albums de produits, aux portfolios photographiques et à d'autres scénarios.
• photographie Texte AltAide au référencementIl est recommandé de remplir chaque image avec la description appropriée.

résumés

En utilisant l'élément Rotation d'image d'Avada Builder, vous pouvez facilement créer des affichages de rotation d'image visuellement attrayants. Les étapes détaillées et les conseils présentés dans cet article permettront non seulement d'optimiser l'aspect visuel de la page, mais aussi d'améliorer l'expérience globale du visiteur. Pour en savoir plusTutoriels liés au thème AvadaRestez à l'écoute !Réseau de fluctuation des photons.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.