Un effet loupe pour voir les détails d'une image
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)
upactionslist (1) image-rollover (2) jcontent-info (1)