Afficher texte sur une image au passage de la souris

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Afficher texte sur une image au passage de la souris

182gollum

Team Rampant

Bonsoir,
Je commence tout juste à coder mon portfolio photo, et je souhaiterais, lors du passage de la souris sur la miniature afficher les exifs de ma photo, donc afficher du texte !
Dans mon design j'ai fais quelque chose comme ça:

Sur le lys rouge (en haut) c'est ma miniature "normale"
Et sur la goutte (en bas donc) c'est ma miniature lorsque l'on passe la souris dessus

Pour l'instant j'ai réussi à afficher du texte (sous l'image) grâce à un OnMouseOver et à la faire disparaitre avec un OnMouseOut, le tout en bidouillant du code trouver sur je sais plus quel site
Je cherche donc comment l'afficher mon texte sur l'image !

Voici mon code:

Code :

<script>
function HP_openWindow(theURL,winName,features)
{
var _W=window.open(theURL,winName,features);
_W.focus();
_W.moveTo(50,50);
}
function change_text(newtext,elementid) {
var textid=document.getElementById(elementid);
textid.childNodes[0].nodeValue=newtext;
}
</script>
<DIV style="FLOAT: left;width: 100%;">
<SPAN id=icons>
<A href="mon_image_en_full_size">
<IMG onmouseover="change_text('AFFICHAGE TEXTE','logodescrip');" onmouseout="change_text('','logodescrip');" src="ma_miniature" border=0>
</A>
<DIV id=logodescrip>
 
</DIV>
</SPAN>
</DIV>

Merci d'avance

Message édité par 182gollum le 15-09-2010 à 21:27:38

---------------
Topic Unik Gears 5 - Topic Unik Gears of War 4 - BNet: gollum182#2854

Publicité

pataluc

je ne suis pas sur que ce soit la meilleure solution, mais tu peux utiliser "position:relative" avec un bottom pour faire remonter ton div sur l'image:

Code :

<DIV style="height: 40px; position: relative; bottom:40px" id=logodescrip>

Message édité par pataluc le 16-09-2010 à 13:10:26

182gollum

Team Rampant

ça marche, génial, merci

---------------
Topic Unik Gears 5 - Topic Unik Gears of War 4 - BNet: gollum182#2854

FORUM HardWare.fr

Programmation

HTML/CSS

Afficher texte sur une image au passage de la souris

Sujets relatifs
Galerie d'image AS3 / Problème sous Firefox / Mac	Besoin pour agrandir photo au passage de la souris
Problème d'insertion d'image sous LaTeX	passage à l'AS3 : un peu perdu avec les changements
[SQL Server 2005] Exporter une table vers un fichier texte via SSIS	Afficher/Cacher les div après x seconde
GDI - Texte transparent sur Form transparent	[Résolu] Div avec photo et texte pour index gallerie
Formulaire et texte qui disparait
Plus de sujets relatifs à : Afficher texte sur une image au passage de la souris

Page générée en 0.055 secondes