Question

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

这是插件的websiste：

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>

Answer 1

你可以使用小黑客：

var iID;
clearInterval(iID);
iID = setInterval(
    function() {
        $('.jfancytileForward').trigger('click');    
    }, 
    1500
);

Answer 2

您可以随时尝试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，但应该工作......？

能够自动运行以下jquery

2 个答案: