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>

Recommended Answers

All 2 Replies

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>

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.