jqueryで基本的な画像スライダーを作成しようとしていますが、次のコードを試しました:
<div id="Photos">
<img alt="First" src="../../Images/9-10-2012 2-59-52 PM.png" class="Show"/>
<img alt="Scond" src="../../Images/9-10-2012 3-00-20 PM.png" />
<img alt="Third" src="../../Images/9-11-2012 11-56-09 AM.png" />
</div>
<script type="text/javascript">
$(document).ready(function () {
slideshow();
});
function slideshow() {
var current = $('#Photos.Show');
var next = current.next().length ? current.next() : current.parent().children(':first');
current.hide().removeClass('Show');
next.fadeIn().addClass('Show');
setTimeout(slideshow, 3000);
}
</script>
一度に 3 つの画像すべてが常に表示されていても、スライドしません。助けてください。ありがとう。