Javascript基本滑块

基本上，我没有使用Javascript的经验。Javascript基本滑块

我必须制作一个非常简单的图像滑块，但我无法让它自动显示下一个图像。

var currentItem = $('#project-list li').first(); 

function showNextSlide() 
{ 
    if(currentItem.length == 0){ 
     currentItem = $('#project-list li').first(); 
    } 

    console.log(currentItem); 
    currentItem.css('display', 'none'); 
    currentItem = currentItem.next(); 
    currentItem.css('display', 'block'); 
}

我的图片加载这样

<ul class="project-list" id="project-list"> 
    <li class="project current slide-1"> 
     <img src="http://lorempixel.com/600/300/animals/1" /> 
    </li> 
    <li class="project slide-2"> 
     <img src="http://lorempixel.com/600/300/animals/2" /> 
    </li> 
    <li class="project slide-3"> 
     <img src="http://lorempixel.com/600/300/animals/3" /> 
    </li> 
    <li class="project slide-4"> 
     <img src="http://lorempixel.com/600/300/animals/4" /> 
    </li> 
</ul>

感谢任何帮助！

来源

2012-04-12 Mennauu

什么叫showNextSlide？ – j08691 2012-04-12 18:30:29

为什么不使用已经开发的滑块就像插件 – 2012-04-12 18:32:49

当前图像之后的下一个图像。如果您要在控制台中输入它，它会转到下一个图像。 – Mennauu 2012-04-12 18:34:10

如果你想拥有自动幻灯播放，您可以轻松地使用，setInterval()方法：

setInterval(function(){ 
    showNextSlide(); 
}, 2000);

来源

2012-04-12 18:32:45

我怎么能监督到处！谢谢。 – Mennauu 2012-04-12 18:38:49

Javascript基本滑块

回答

相关问题