image-rollover ~ changer l'image au survol de la souris

Un effet loupe pour voir les détails d'une image

🆙 image_rollover : Change l'image au survol

Cliquer pour lire la documentation

syntaxe {up image-rollover=image_base | hover=image_survol}
@author: LOMART @version: UP-1.4 @license: GNU/GPLv3 @tags: image
  • image_rollover: image repos
  • hover: image au survol
  • click: image lors clic

Style CSS

  • id: identifiant
  • class: classe(s) pour bloc
  • style: style inline pour bloc

Un bouton

{up image-rollover=images/actions-demo/image-rollover/button-base.png 
| hover=images/actions-demo/image-rollover/button-hover.png
}

Un exemple rigolo

L'effet ci-dessous est réalisé avec ce shortcode :

{up image-rollover=images/actions-demo/image-rollover/danse.png 
| hover=images/actions-demo/image-rollover/danse.gif}

L'astuce pour animer l'effet est d'utiliser un gif animé au survol

Cette action a été écrite très rapidement suite à un post sur le forum Joomla.

Pour info, cette page utilise 4 action(s) :
upactionslist (1) image-rollover (2) jcontent-info (1)
Détails