0

我制作了我网站的主页，这样当您将鼠标悬停在不同的服务产品上时，相关图像也会显示。然而，当 Malsup 对 Cycle 的托管从 github 上消失时，该功能就丢失了。

这是我之前使用的代码，但不再正常工作。幻灯片仍然循环播放，但鼠标悬停功能无法正常工作。

<script type="text/javascript">
$(document).ready(function() {
$('#slideshow').cycle({
    fx: 'fade',
    pager : '#slideshow-nav',
    pagerEvent: 'mouseover',
    pauseOnPagerHover: true,
    speed: 1000,
    delay:  3000,
    timeout: 9000,
    pagerAnchorBuilder: function(idx, slide) {
    // return sel string for existing anchor
    return '.features ul li:eq(' + (idx) + ') a';
},
allowPagerClickBubble: true 
});
});
</script>

我需要进行哪些更改才能使其再次运行？

谢谢。

4

1 回答 1

0

试试这个插件库的“命令”，它会成功的。

<script type="text/javascript">

$(document).ready(function(){

    $("#skills li").click(function(){

        id = $(this).attr('id');

        imgIndexToJump = id.substr(1); //extracting number as index from id
        imgIndexToJump = parseInt(imgIndexToJump, 10);

        $('.slideshow').cycle('goto', imgIndexToJump);
    });
});

</script>

在这样的技能中为您的列表分配ID，它会起作用。

<ul id="skills">
<li id="a0">
    a1-data
</li>
<li id="a2">
    a1-data
</li>
</ul>
于 2013-09-11T15:10:25.790 回答