画像スライダーを自分のWebページにインポートしました。正常に動作しますが、自動的には動作しません。4秒後に画像を変更するjqueryを追加しようとしましたが、何らかの理由で1回しか機能せず、リストの最後の画像に移動します。誰かが私がどこで間違っているのかを教えてくれ、スライダーをそれ自体で動作させるのを手伝ってくれませんか？
これがマークアップです...
<ul id="body">
<input type="radio" name="radio-btn" id="img-1" checked />
<li id="img-container">
<div id="img-inner">
<img src="file:///C:/smilburn/Practices/images/blackscale.jpg">
</div>
<label for="img-6" class="sb-bignav" title="Previous">‹</label>
<label for="img-2" class="sb-bignav" title="Next">›</label>
</li>
<input type="radio" name="radio-btn" id="img-2" />
<li id="img-container">
<div id="img-inner">
<img src="file:///C:/smilburn/Practices/images/huf.jpg">
</div>
<label for="img-1" class="sb-bignav" title="Previous">‹</label>
<label for="img-3" class="sb-bignav" title="Next">›</label>
</li>
<input type="radio" name="radio-btn" id="img-3" />
<li id="img-container">
<div id="img-inner">
<img src="file:///C:/smilburn/Practices/images/palace.jpg">
</div>
<label for="img-2" class="sb-bignav" title="Previous">‹</label>
<label for="img-4" class="sb-bignav" title="Next">›</label>
</li>
<input type="radio" name="radio-btn" id="img-4" />
<li id="img-container">
<div id="img-inner">
<img src="file:///C:/smilburn/Practices/images/skatecafe.jpg">
</div>
<label for="img-3" class="sb-bignav" title="Previous">‹</label>
<label for="img-5" class="sb-bignav" title="Next">›</label>
</li>
<input type="radio" name="radio-btn" id="img-5" />
<li id="img-container">
<div id="img-inner">
<img src="file:///C:/smilburn/Practices/images/only.jpg">
</div>
<label for="img-4" class="sb-bignav" title="Previous">‹</label>
<label for="img-6" class="sb-bignav" title="Next">›</label>
</li>
<input type="radio" name="radio-btn" id="img-6" />
<li id="img-container">
<div id="img-inner">
<img src="file:///C:/smilburn/Practices/images/supreme.jpg">
</div>
<label for="img-5" class="sb-bignav" title="Previous">‹</label>
<label for="img-7" class="sb-bignav" title="Next">›</label>
</li>
<input type="radio" name="radio-btn" id="img-7" />
<li id="img-container">
<div id="img-inner">
<img src="file:///C:/smilburn/Practices/images/adidas.jpg">
</div>
<label for="img-6" class="sb-bignav" title="Previous">‹</label>
<label for="img-8" class="sb-bignav" title="Next">›</label>
</li>
これが私が追加したjqueryです。
function gogo(){
$('label[title="Next"]').click();
}
$(document).ready(function () {
setInterval('gogo()',4000);
});