如何通过鼠标悬停停止滑块

Question

我正在使用此代码 http://jsfiddle.net/sagive/cAsB3/

我的问题是当鼠标在图片上时如何暂停滑块（悬停）。

    $.getJSON('assets/json/slides.json', function(data) {
    $("h2").html(data[0].title);
        $.each(data, function (i, f) {
            if(i>0){
                $("#exampleSlider").append("<li><img src=" + f.content + "/></li>");
            }
        });
   });


$(function () {

/* SET PARAMETERS */
var change_img_time     = 3000; 
var transition_speed    =200;

var simple_slideshow    = $("#exampleSlider"),
    listItems           = simple_slideshow.children('li'),
    listLen             = listItems.length,
    i                   = 0,


    changeList = function () {

        listItems.eq(i).fadeOut(transition_speed, function () {
            i += 1;
            if (i === listLen) {
                i = 0;
            }
            listItems.eq(i).fadeIn(transition_speed);
        });
    };
listItems.not(':first').hide();
setInterval(changeList, change_img_time);
});

我还有另一个问题：当我用get JSON导入pic时。浏览器中的目录是这样的：

assets/img/pic1.jpg/

如何删除目录末尾的/。因为/ in并不显示浏览器中的图片  感谢

Answer 1

尝试：

if($('#exampleSlider').is(":hover") == true){
    return false;
}