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.

Recommended Answers

All 4 Replies

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? :)

Member Avatar

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

So what should I have to do?

Member Avatar

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">
<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>

<div class="ws_bullets">
<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>

Note the alt/title attributes.

Be a part of the DaniWeb community

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