Member Avatar for inni2626

Hi Everyone,

I have images in my div and i wanted when you hover on the image it gives you information about the image.How can i do that?

By the way am using dreamweaver!
Please advice :-/

<div class="gallery"><!-- Start of gallary div-->

<h3><a href="../images/Alien_Predator_Shoulder.JPG"><img src="../images/Alien_Predator_Shoulder_mini.jpg" width="63" height="69" alt="alien_predator" /></a>

<a href="../images/battle-helmut.jpg"><img src="../images/battle-helmut-mini.jpg" width="63" height="69" alt="battle_helmut" /></a>

<a href="../images/TheMummy_key.jpg"><img src="../images/TheMummy_keyMini.jpg" width="63" height="69" alt="mummy keybook" /></a>

<a href="../images/SawVI.jpg"><img src="../images/SawVI-mini.jpg" width="63" height="69" alt="saw iv" /></a><a href="../images/Scorpion_King_Swords_1.JPG"><img src="../images/Scorpion_King_Swords_1_mini.jpg" width="63" height="69" alt="Scorpion King" /></a>
</h3>
</div>
Edited by inni2626 because: n/a
  • 3 Contributors
  • 2 Replies
  • 112 Views
  • 4 Days Discussion Span
  • Latest Post Latest Post by ko ko
Member Avatar for Kraai

Try this:

<a href="../images/Alien_Predator_Shoulder.JPG"><img src="../images/Alien_Predator_Shoulder_mini.jpg" width="63" height="69" alt="alien_predator" title="Alien Predator"/></a>
Member Avatar for ko ko

Simply show the small info of image such as the file name by following Kraai way. Use Javascript DOM for create more visual effects. For example, when the user hover the image, the description of the image appears with pop-up layer. And you can add more effect like fade-in/out as you can do. Now, we are in HTML forum and I don't have to talk about this anymore. You can learn about DOM in the javascript forum.
Hope this help.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.