0

基本的に、私は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>

どんな助けにも感謝します！

4

1 に答える 1

1

自動スライドが必要な場合は、簡単にsetInterval()メソッドを使用できます：

setInterval(function(){
    showNextSlide(); 
}, 2000);
于 2012-04-12T18:32:45.577 に答える