Galerie Slider
Fatigué des grilles d'images de base ou des diaporamas simples ? l'élément Gallery Slider combine le meilleur des deux mondes Il présente une disposition fendue élégante : une grande et belle zone d'aperçu associée à une bande ou une grille de navigation à ongles pour cliquer sur n'importe quelle vignette pour mettre à jour instantanément l'aperçu principal Parfait pour les portfolios, les galeries de produits ou la présentation de n'importe quelle collection d'images avec une sensation interactive haut de gamme Avec une personnalisation séparée et profonde pour chaque pièce unique, des housses d'ongles aux légendes d'aperçu, vous pouvez construire une galerie qui n'est pas seulement fonctionnelle, mais une partie mémorable de l'expérience de votre site.
Conception unique à disposition divisée
Ce n'est pas un carrousel standard C'est une interface de galerie dédiée Choisissez votre Position d'aperçu (Gauche ou Droite) et contrôlez sa Largeur en pourcentage de l'espace total Les vignettes se trouvent bien à côté de celle-ci Sur les écrans plus petits, utilisez la fonction“Stack on” pour empiler automatiquement l'aperçu et les vignettes verticalement, assurant ainsi une vue parfaite sur chaque appareil Cette disposition donne aux utilisateurs une visualisation claire et ciblée avec une navigation facile.
- Contrôle de la disposition flexible : définissez l'aperçu comme étant le point focal à gauche ou à droite, avec une largeur réglable (par exemple, 70 %).
- Navigation miniature : les utilisateurs peuvent cliquer sur les vignettes pour modifier l'aperçu principal intuitif et rapide.
- Empilage mobile-responsable : empile automatiquement la disposition sur tablette et mobile pour une utilisation optimale de l'espace vertical.
Concevez l'aperçu, les vignettes
Obtenez un design parfaitement cohérent en coiffant chaque pièce indépendamment Stylez l'arrière-plan, les bordures et l'ombre de la zone Aperçu Concevez les légendes de l'aperçu avec des commandes complètes de typographie, de remplissage et d'alignement Ensuite, stylisez les vignettes : contrôlez leur espacement vertical/horizontal, leurs bordures, leur rayon de bordure et leur alignement Enfin, créez des interactions engageantes en concevant des effets de survol séparés pour l'aperçu et les vignettes, y compris l'échelle, l'ombre, les filtres et les superpositions colorées.
- Style d'aperçu complet : ajoutez des arrière-plans, des hauteurs personnalisées et des ombres à la zone d'image principale.
- Contrôle de la grille des vignettes : ajustez l'espacement et les bordures pour créer une grille de vignettes soignée et organisée.
- Commentaires interactifs : définissez des effets de survol uniques pour les vignettes (échelle, couleur d'arrière-plan, superposition) et les légendes d'aperçu.
Animations et transitions fluides
Donnez vie à votre galerie avec un mouvement fluide et professionnel L'aperçu principal peut présenter un subtil effet panoramique et zoom de Ken Burns Choisissez la direction (à travers, haut, bas) et la position Contrôlez la vitesse de transition entre les diapositives Ajoutez des transitions de légende élégantes qui s'estompent ou glissent. Chaque interaction, de la commutation d'images au vol stationnaire sur les vignettes, peut avoir une vitesse d'animation personnalisée et un assouplissement pour une sensation raffinée et haut de gamme.
- Ken Burns Effect : ajoutez un panoramique ou un zoom lent et cinématographique à l'image d'aperçu principale pour plus de dynamisme.
- Vitesse de transition personnalisée : contrôlez la rapidité avec laquelle l'image principale change lorsqu'une vignette est cliquée.
- Micro-interactions raffinées : des transitions de survol fluides sur les vignettes et les légendes améliorent l'expérience utilisateur.
Commandes et navigation professionnelles de la galerie
Gérez votre galerie comme un pro. Choisissez Résolution d'image pour des temps de chargement optimaux Activez la lecture automatique pour le curseur ou laissez les utilisateurs naviguer manuellement Ajoutez des flèches de navigation élégantes sur l'aperçu et personnalisez leur taille, leur couleur et leurs états de survol. Chaque paramètre est conçu pour vous donner un contrôle complet sur la fonctionnalité et l'esthétique.
- Lecture et boucle automatiques : définissez la galerie pour parcourir automatiquement les images à une vitesse réglable.
- Flèches de navigation personnalisées : Stylez les flèches précédentes/suivantes pour qu'elles correspondent à la conception de votre site.
Questions Fréquemment Posées Pour Gallery Slider
Quel est le principal avantage de cela par rapport à un carrousel d'images standard ?
Un carrousel standard montre une image à la fois avec des points/flèches Ce Gallery Slider fournit une interface à deux panneaux : un grand aperçu et un ensemble visible de toutes les options de vignettes Cela permet aux utilisateurs de voir leurs choix en un coup d'œil et de passer directement à n'importe quelle image, ce qui est beaucoup plus efficace et convivial pour les galeries avec plus de quelques images.
Puis-je faire afficher les vignettes dans une grille au lieu d'une seule rangée ?
Oui ! les options de style pour les vignettes incluent des commandes pour l'espacement horizontal et vertical, qui sont essentielles pour créer une grille. En ajustant la largeur du conteneur et ces valeurs d'espacement, vous pouvez créer une grille de vignettes à plusieurs rangées à côté de votre aperçu.
L'effet Ken Burns est-il appliqué à toutes les images ?
Lorsqu'il est activé, l'effet Ken Burns (un panoramique/zoom lent) est appliqué à l'image d'aperçu principale Il crée une animation subtile et continue sur la photo actuellement active, ajoutant un sentiment de vie et de profondeur à votre galerie.
Comment cela fonctionne-t-il avec de nombreuses images haute résolution ?
Pour obtenir les meilleures performances, utilisez judicieusement le paramètre Résolution de l'image (par exemple, “Large” au lieu de “Full” si la taille de l'affichage ne nécessite pas une résolution complète).L'élément est optimisé, mais le chargement de plus de 20 images pleine grandeur aura toujours un impact sur la vitesse de la page Envisagez de charger paresseusement ou de diviser de très grandes galeries en plusieurs curseurs.
Puis-je l'utiliser pour une galerie d'images de produits dans une boutique en ligne ?
Absolument C'est un excellent choix pour les pages de produits où vous devez afficher plusieurs angles, couleurs ou détails Les utilisateurs peuvent cliquer sur la vignette d'une variante de couleur différente pour la voir instantanément dans l'aperçu principal Il suffit de lier le bouton principal “Buy Now” à votre panier ou page produit.
Que se passe-t-il sur mobile avec la fonction « Stack on » ?
Lorsque Stack on est réglé sur“Tablet & Mobile,” la disposition horizontale côte à côte se transforme en pile verticale Le grand aperçu apparaît en haut, et la grille des vignettes apparaît en dessous de celui-ci, Cela garantit que l'aperçu reste grand et visible, et les vignettes sont toujours facilement touchables sur un écran tactile.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
Duplicateur de messages/pages
