Effet trés intéressant

[Castiglionais]

Bonsoir
Comment faire pour avoir un effet d'image comme celui la :

http://www.fotolia.com/search.php?searc ... ue&order_b y=1&search_type_orientation=both&search_type=all&s earch_display=36&k=rose

est qu'il existe un mambot ou bien script pour l'integrer dans mes articles ( Au passage de la souri , l'image s'agrandit )

Merci

[infograf768]

J'ai effacé votre autre post : pas de double-post sur nos forums.
Merci de votre compréhension.

[Manuite]

Tu peux essayer ça...
http://www.joomlaprodigy.com/content/view/79/83/

[ouly]

Joomla! a des possibilités sous-exploitées. La librairie overLIB, utilisée pour les infobulles, peut aussi être utilisée à d'autres fins.

Il suffit pour cela d'ajouter le code suivant dans la structure du template :

Code: Select all

mosCommonHTML::loadOverlib();

et le code suivant aux balises désirées :

Code: Select all

onmouseover="return overlib('<img src=\'http://www.joomla.org/images/stories/joomla/joomla_box_1012.jpg\' alt=\'\' width=\'108\' height=\'140\' />', BELOW, RIGHT);" onmouseout="return nd();"

L'ensemble des commandes pouvant être utilisée avec overLIB est disponible sur la page :
http://www.bosrup.com/web/overlib/?Command_Reference

[Castiglionais]

Cool Merci, j'ai carrément oublié cette discussion , je vais l'essayer tout de suite

[Castiglionais]

Est que vous pouvez me donner un exemple SVP  , j'ai pas trouvé ou placé ce code :

Code: Select all

onmouseover="return overlib('<img src=\'http://www.joomla.org/images/stories/joomla/joomla_box_1012.jpg\' alt=\'\' width=\'108\' height=\'140\' />', BELOW, RIGHT);" onmouseout="return nd();"

Merci bcp

[ouly]

Bonjour Castiglionais,
Si l'on prend le code HTML suivant qui permet d'afficher une image :

Code: Select all

<img src="http://www.joomla.org/images/stories/joomla/joomla_box_1012.jpg"
   width="108"
   height="140"
   alt="Image"
   title="Image"
   border="0" />

Sur cette image on désire avoir une infobulle. On ajoute le code précédemment mentionné et cela donne au final :

Code: Select all

<img src="http://www.joomla.org/images/stories/joomla/joomla_box_1012.jpg"
   width="108"
   height="140"
   alt="Image"
   title="Image"
   border="0"
   onmouseover="return overlib('<img src=\'http://www.joomla.org/images/stories/joomla/joomla_box_1012.jpg\' alt=\'\' width=\'108\' height=\'140\' />', BELOW, RIGHT);"
   onmouseout="return nd();" />

Attention : si l'image se trouve dans un article, il faut vérifier que l'éditeur utilisé ne filtre pas les guillemets, etc. ou le cas échéant utiliser l'éditeur No WYSIWYG.

Ouly

[Usul17]

Bonjour,
petit soucis, pouvez-vous me dire comment je peux faire pour insérer ce code dans mon template

Il suffit pour cela d'ajouter le code suivant dans la structure du template :

Code: Select all

mosCommonHTML::loadOverlib();

et si cela est possible, sachant que je n'ai accès que par l'interface d'administration ?
merci !
(site intranet, joomla 1.0.11, template de la société !)