Mon Agora – Blog La parole est à moi
Je teste le plugin Simple Tooltip qui est déja installé pour différentes option.
AFFICHAGE TEST AVEC CONFIGURATION DU TOOLTIP
[simple_tooltip bubblewidth=’100′ bubbleopacity=’1′ bubblebgcolor=’#666666′ bubbleposition=’left’ bubblecolor=’blue’ content=’this content appears in the tooltip bubble’]This triggers the tooltip[/simple_tooltip]
AFFICHAGE IMAGE DANS LE TOOLTIP
[simple_tooltip bubblewidth=’400′ bubbleheight=’300′ bubblebgcolor=’#000000′ bubbleposition=’right’ content=’
‘]Mon image[/simple_tooltip]
Un autre tooltip qui affiche le cohe html au complet. Cool!
[simple_tooltip bubblewidth=’400′ content=’
<html>
<head>
<meta charset="utf-8">
<title>Image hover demo</title>
<style>
#img2{
position: fixed;
right:0;
bottom:0;
display: none;
}
</style>
</head>
<body>
<img id="img1" src="http://fourbeesdigitown.wikispaces.com/file/view/lawyer-lolcat.jpg/156349309/lawyer-lolcat.jpg" />
<img id="img2" src="http://images.cryhavok.org/d/15548-1/LOLcat+-+Jesus+Cat.jpg" />
<script>
var img1 = document.getElementById("img1"),
img2 = document.getElementById("img2");
img1.onmouseover = function(){
img2.style.display = "block";
}
img1.onmouseout = function(){
img2.style.display = "none";
}
</script>
</body>
</html>‘]Mon code HTML au complet[/simple_tooltip]
TEST D’UN CODE HTML QUI MET UN TOOLTIP SANS LE PLUGIN
Code:
<pre><abbr title="Je fais un tooltip juste avec du code html">tooltip html</abbr></pre>
ajouter une image à tooltip html
