Question

我最近做了这个教程：http://fearlessflyer.com/2010/08/how-to-create-your-own-jquery-content-slider/我想知道是否有人知道如何使用本教程中的代码，但是将其更改为自动滚动图像而不是在单击文本时滚动浏览。< / p>

检查鼠标后滚动图像的代码＆＃34;点击＆＃34;事件是：

$(theImage).each(       
function(intIndex){             
$(this).nextAll('a')
.bind("click", function(){
    if($(this).is(".next")) {
        $(this).parent('li').parent('ul').animate({
            "margin-left": (-(intIndex + 1) * theWidth)             
                }, 1000)    
        } else if($(this).is(".previous")){
        $(this).parent('li').parent('ul').animate({
            "margin-left": (-(intIndex - 1) * theWidth)             
        }, 1000)    
        } else if($(this).is(".startover")){
        $(this).parent('li').parent('ul').animate({
            "margin-left": (0)              
        }, 1000)
}
});//close .bind()                                   
});//close .each()

声明：

.bind("click", function(){...

检查鼠标＆＃34;点击＆＃34; event然后执行if语句。我想在不首先点击的情况下运行if语句。非常感谢任何帮助，谢谢。

Answer 1

<script language="JavaScript" type="text/javascript">  
var images = new Array('morning.jpg','afternoon.jpg','night.jpg','lightbulb_on.jpg')  
var count = -1  

function slideShow(){    

 if (count <=2){    
  count ++;  
 }  

  document.getElementById("show").innerHTML = "<img src="images/"+images[count]+"">"  
  setTimeout("slideShow()", 3000)    
}    
</script>  
<div id="show">  
<script>slideShow()</script>  
</div>

那个与click事件一起使用，所以你必须改变它的工作方式，设置定时器。我通常使用此代码执行此操作。希望能帮助到你。我没有发表评论，因为我不能（低声望）抱歉

如何为幻灯片显示自动执行此代码？

1 个答案: