Flexslider-当鼠标悬停在点上时显示工具提示

Flexslider - show tooltip while mouse hover on dots

本文关键字：显示 工具提示 鼠标 悬停 Flexslider-      更新时间：2023-09-26

我正在使用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"
            });
        });

我只想当我把鼠标悬停到点（用于在幻灯片之间导航）时，工具提示应该更新并显示某种消息，比如"幻灯片编号"。

根据RRR的建议，我为每个点添加了title。

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

请参阅此小提琴

相关文章：