更改图像自动

-3

<li>Step1</li> 
<li>Step2</li> 
<li>Step3</li> 
<li>Step4</li> 
<li>Step5</li>

而且在每一步我想展示自己的相关图像。像我有另一格

<div><img src="step1"></div>

我想要的步骤将突出一个接一个，我的形象会根据自动改变。任何想法。提前致谢。

我已经试过

$(document).ready(function() { 

    var $divs = $("div").show(), 
     current = 0; 

    $divs.eq(0).attr("style","color:red"); 

    function showNext() { 
     if (current < $divs.length - 1) { 
      $divs.eq(current).delay(2000).show('fast', function() { 

       current++; 
       $divs.eq(current).attr("style","color:red"); 
       showNext(); 
      }); 
     } 
    } 
    showNext(); 

});

来源

2014-05-14 Puneet

你应该拿出至少一个最小试。 –

你做了什么？ –

告诉我们你到目前为止所做的一切..... SO是为了帮助那些已经尝试过并被困在中间的人.....它不是要求会员为你编码......请告诉我们你到目前为止所尝试过的，我们会乐意帮助你，并告诉你出错的地方 – Vicky

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script type="text/javascript"> 
jQuery(document).ready(function(){ 
jQuery('li[id^="step"]').click(function(){ 
    var imagepath = jQuery(this).attr('dir'); 
    jQuery('#ImageDiv').find('img').attr('src',imagepath); 
}); 
}); 
</script> 
<style> 
li{ cusrsor:pointer; padding:10px; } 
</style> 

<li id="step1" dir="images1.jpg">Step1</li> 
<li id="step2" dir="images2.jpg">Step2</li> 
<li id="step3" dir="images3.jpg">Step3</li> 
<li id="step4" dir="images4.jpg">Step4</li> 
<li id="step5" dir="images5.jpg">Step5</li> 

<div id="ImageDiv"><img src="images1.jpg"></div>

来源

2014-05-14 06:01:41

感谢您的回复。它适用于点击。我想将计时器设置为像第1步到第5步一样的滑块，然后再次从步骤1开始移动，并在悬停时停止移动。 – Puneet

更改图像自动

回答

相关问题