![\"joomla](\"https:\/\/cinnk.com\/wp-content\/uploads\/2020\/10\/joomla-51.jpg\")
<\/p>\nL\u2019extension module J51-ImageHover permet de cr\u00e9er rapidement et facilement de belles galeries d\u2019images avec des effets de survol fonctionnels, apportant une touche de style et un mode interactif \u00e0 n\u2019importe quelle page d\u2019un site Web.<\/p>\n
<\/p>\n
\nL\u2019extension module J51-ImageHover permet de cr\u00e9er rapidement et facilement de belles galeries d\u2019images avec des effets de survol fonctionnels, apportant une touche de style et un mode interactif \u00e0 n\u2019importe quelle page d\u2019un site Web.<\/p>\n
Article traduit par Serge Billon
\n Il y a un peu plus d’un an, nous (Joomla51) avons commenc\u00e9 le projet imagehover.css en parall\u00e8le (http:\/\/www.imagehover.io).
\nNotre intention avec ce projet \u00e9tait de cr\u00e9er une biblioth\u00e8que CSS responsive et polyvalente, qui permettrait aux utilisateurs de cr\u00e9er facilement des effets de survol sur des images vers du texte. Il y a eu quelques progr\u00e8s tr\u00e8s r\u00e9cemment en CSS, en particulier au sujet de l\u2019animation et nous nous plaisons \u00e0 croire que nous avons utilis\u00e9 ces avanc\u00e9es \u00e0 leur plein potentiel. Le fait d\u2019\u00eatre totalement ax\u00e9 sur CSS garantit des transitions souples et polyvalentes pour tous les appareils et toutes les plates-formes avec pratiquement aucune d\u00e9pendance.
\nL\u2019int\u00e9gralit\u00e9 de votre biblioth\u00e8que tient dans dans un mouchoir de poche et p\u00e8se 19 Ko. La biblioth\u00e8que est unique puisqu\u2019elle utilise le m\u00eame balisage pour chaque effet. Tout ce que vous avez \u00e0 faire est d\u2019inclure la classe appropri\u00e9e de l\u2019effet d\u2019animation voulu dans votre balisage et la Biblioth\u00e8que CSS se chargera du reste.<\/p>\n
Heureusement, imagehover.css est devenu immens\u00e9ment populaire et un peu plus d\u2019un an apr\u00e8s , nous avons d\u00e9cid\u00e9 de cr\u00e9er un module Joomla qui permettrait aux utilisateurs de Joomla d\u2019impl\u00e9menter facilement la biblioth\u00e8que au sein de leurs projets. Notre plan pour le module \u00e9tait simple, cr\u00e9er une extension qui serait facile et souple \u00e0 utiliser et qui mettrait en \u0153uvre l\u2019ensemble complet des fonctionnalit\u00e9s de la biblioth\u00e8que de imagehover.css.
\nLors de la cr\u00e9ation du module, nous avons essay\u00e9 de rendre l\u2019extension aussi polyvalente que possible. \u00c9tant un club de template, nous esp\u00e9rons avoir une compr\u00e9hension approfondie des fonctionnalit\u00e9s dont un utilisateur aurait besoin dans une telle extension.
\nChaque image dans la galerie est enti\u00e8rement redimensionnable et responsive, s’adaptant facilement \u00e0 toutes les largeurs d\u2019\u00e9cran. Nous avons inclus un certain nombre d’options pour contr\u00f4ler le nombre de colonnes \u00e0 utiliser pour la galerie dans chacune des grandes tailles d’\u00e9cran. Donc par exemple une galerie qui peut s’\u00e9tendre sur 4 colonnes sur un bureau peut \u00eatre configur\u00e9 pour s\u2019afficher dans une colonne simple ou double sur les petits \u00e9crans.<\/p>\n
Des options de r\u00e9glage de l’espacement horizontal et vertical sont \u00e9galement disponibles ce qui permet \u00e0 l’utilisateur de passer facilement d\u2019une disposition en mosa\u00efque compacte \u00e0 une mise en page ouverte plus spacieuse.
\nD’autres options incluent certains s\u00e9lecteurs de couleurs pour d\u00e9finir la couleur de l’arri\u00e8re-plan et du texte, ce qui vous permet d’int\u00e9grer facilement le style de votre galerie \u00e0 celui de votre template Joomla. Des options d’alignement de texte existent \u00e9galement pour l’alignement vertical et horizontal du texte dans le cadre de l’image.
\nLes effets de survol peuvent \u00eatre appliqu\u00e9s individuellement \u00e0 chaque image de votre galerie afin que vous puissiez soit utiliser le m\u00eame effet de survol dans votre galerie soit faire un m\u00e9lange et adapter \u00e0 votre propre go\u00fbt avec un effet diff\u00e9rent sur chaque image. Le choix vous incombe totalement. Vous pouvez ajouter autant d\u2019images que vous souhaitez et avec chaque image, vous pouvez ajouter un titre et une l\u00e9gende \u00e0 afficher au survol. Un champ est \u00e9galement disponible pour lier chaque image \u00e0 une URL de votre choix. Cette URL peut correspondre \u00e0 une page de votre site ou \u00e0 un site externe.<\/p>\n
Dernier point mais non le moindre, le module est compl\u00e8tement t\u00e9l\u00e9chargeable gratuitement et peut \u00eatre utilis\u00e9 sur tous les sites personnels comme commerciaux . Vous pouvez nous faire preuve d\u2019un peu d’amour sous la forme d’une appr\u00e9ciation sur le r\u00e9pertoire d’extension Joomla si vous trouvez cette extension utile.
\nEt cela r\u00e9sume bien le module J51 ImageHover. Nous esp\u00e9rons que vous appr\u00e9cierez autant l\u2019utiliser que nous avons appr\u00e9ci\u00e9 le cr\u00e9er. S’il y a des fonctionnalit\u00e9s que vous aimeriez voir impl\u00e9ment\u00e9es dans le module, n’h\u00e9sitez pas \u00e0 le mentionner dans le forum Joomla51, nous l\u2019examinerons avec enthousiasme et esp\u00e9rons que cela sera inclus dans les mises \u00e0 jour futures.<\/p>\n
\u00c0 propos de l’auteur
\nCiar\u00e1n Walsh
\nD\u00e9veloppeur pour Joomla51.com. Fait actuellement partie de l’\u00e9quipe de d\u00e9veloppement de Joomla 4 pour les templates backend et frontend.<\/p>\n","protected":false},"excerpt":{"rendered":"
L\u2019extension module J51-ImageHover permet de cr\u00e9er rapidement et facilement de belles galeries d\u2019images avec des effets de survol fonctionnels, apportant une touche de style et un mode interactif \u00e0 n\u2019importe quelle page d\u2019un site Web.<\/p>\n","protected":false},"author":1,"featured_media":524,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[13],"tags":[],"class_list":["post-525","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-archives"],"yoast_head":"\n