Member Avatar for jLamp

Dear Friends,
I've generated Image Slider using WOWSlider.
Now I wants to add tooltip to that Image Slider.
It's mean, when user hover mouse on the each slider each tooltip should be displayed.
How can I do it??
Please help me friends.

Edited by diafol because: wrong forum - not php
  • 3 Contributors
  • 4 Replies
  • 162 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by diafol
Member Avatar for minitauros

Well, I don't know WOWSlider, but the simple and obvious answer to your question would be: check out WOWSlider's documentation and check Google. For if I were to have to search an answer for you now, I would have to do the same ;).

But maybe there is someone else around here that is more familiar with WOWSlider? Also, I think this should go in the Javascript section instead of the PHP section? :)

Edited by minitauros
Member Avatar for diafol

Indeed WOWslider is a nice little jQuery slider. Moving to Javascript...

Member Avatar for jLamp

So what should I have to do?

Member Avatar for diafol

Not having used it before, can't you just have a title/alt attribute in the image tag?

Seems like this is the setuP:

<div class="ws_images">
<ul>
<li><img src="images/demo/plastic-squares/data1/images/jungle.jpg" alt="Jungle" title="Jungle" id="wows1_0"/></li>
<li><img src="images/demo/plastic-squares/data1/images/mountainlandscape.jpg" alt="Mountain landscape" title="Mountain landscape" id="wows1_1"/></li>
<li><img src="images/demo/plastic-squares/data1/images/nature.jpg" alt="Beautiful nature" title="Beautiful nature" id="wows1_2"/></li>
</ul>
</div>

<div class="ws_bullets">
<div>
<a href="#" title="Jungle"><img src="images/demo/plastic-squares/data1/tooltips/jungle.jpg" alt="Jungle"/>1</a>
<a href="#" title="Mountain landscape"><img src="images/demo/plastic-squares/data1/tooltips/mountainlandscape.jpg" alt="Mountain landscape"/>2</a>
<a href="#" title="Beautiful nature"><img src="images/demo/plastic-squares/data1/tooltips/nature.jpg" alt="Beautiful nature"/>3</a>
</div>
</div>

Note the alt/title attributes.

Edited by diafol
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.