Flexslider - показать подсказку при наведении указателя мыши на точки

Question

Я использую http://flexslider.woothemes.com/ flex плагин слайдера на моей странице.

Below is my code for flexslider: 

html: 
<div class="flexslider"> 
    <ul class="slides"> 
     <li>Image 1</li> 
     <li>Image 2</li> 
     <li>Image 3</li> 
    </ul> 
</div> 

js: java script code for flex slider and this code is used to initialize the flex slider while page load. 

    $(window).load(function() { 
      $('.flexslider').flexslider({ 
       animation: "slide", 
       slideshow: false, 
       controlNav: true, 
       directionNav: false, 
       easing: "swing" 
      }); 
     }); 

Все, что я хочу, когда я MouseHover до точек (которые используются для навигации между слайдами) подсказка должна reneder и показать какое-то сообщение сказать «номер слайда».

Answer 1

Как было предложено RRR, я добавил title к каждой из точек.

$(".flexslider ol li a").each(function(index){ 
    $(this).attr("title","slide number "+(index+1)); 
}); 

Пожалуйста, обратитесь это fiddle