0

有没有人使用过以下 jquery 插件？我可以通过单击箭头来切换图像，但我喜欢图像一个接一个地自动显示。我很想知道这是否是将此幻灯片放映作为自动播放运行的选项。

这是插件的网站：

http://www.marcofolio.net/webdesign/jfancytile_a_jquery_tile_shifting_image_viewer_plugin.html

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.jfancytile.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        // Default
        $("#fancytile").jfancytile();

        // With options
        $("#fancytile").jfancytile({
            inEasing: "easeOutBounce", // from jQuery Easing Plugin
            outEasing: "easeInCirc", // from jQuery Easing Plugin
            inSpeed: 2000,
            outSpeed: 3500,
            rowCount: 5,
            columnCount: 10,
            maxTileShift: 5
        });
    });
</script>
4

2 回答 2

1

您可以使用小技巧：

var iID;
clearInterval(iID);
iID = setInterval(
    function() {
        $('.jfancytileForward').trigger('click');    
    }, 
    1500
);
于 2012-11-16T15:53:21.170 回答
0

您总是可以尝试setInterval触发对箭头的点击：

// trigger a click on the 'next' arrow every 5 seconds
// use clearInterval(nextInterval) to remove timer
var nextInterval = setInterval(function(){
    $('#arrowSelectorHere').trigger('click');
}, 5000);

非常hacky，但应该工作......？

于 2012-11-16T15:53:50.693 回答