0

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

检查鼠标“单击”事件后滚动图像的代码是：

$(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(){...

检查鼠标“单击”事件，然后执行 if 语句。我想改为只运行 if 语句而无需先单击。任何帮助将不胜感激，谢谢。

4

1 回答 1

0 
<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>

那个与点击事件一起工作，所以你必须改变它的工作方式，设置计时器。我通常用这段代码来做。希望能帮助到你。我不发表评论，因为我不能（低声誉）抱歉

于 2013-05-20T15:57:18.913 回答