이 이미지로 자동 슬라이드 쇼를 만들려고 시도 할 때마다 첫 번째 이미지에서 멈추게됩니다. http://jsfiddle.net/He9AV/5/자바 스크립트에서 자동 슬라이드 쇼를 만드는 방법
HTML :
<script type="text/javascript">
var hovering = false;
var slideshow = $("#slideshow");
slideshow.mouseenter(function() {
hovering = true;
}).mouseleave(function() {
hovering = false;
slideShow();
});
function slideShow() {
if (!hovering) {
var currentImg = (slideshow.children("img:visible").length) ? slideshow.children("img:visible") : slideshow.children("img:first");
var nextImg = (currentImg.next().length) ? currentImg.next() : slideshow.children("img:first");
currentImg.delay(1000).fadeOut(500, function() {
nextImg.fadeIn(500, function() {
setTimeout(slideShow, 1000);
});
});
}
}
$(document).ready(function() {
slideShow();
});
</script>
"오류"를 정의하십시오 사이트에서 데모를 시도 할 수 있습니다. –
그리고 코드를 피들에 넣어서 문제를 상상할 필요가 없습니다. :-) http://jsfiddle.net/ 저장하기 전에 TidyUp 버튼을 클릭하십시오. – isherwood
문제 = "첫 번째 이미지에서 멈춤"@BradM – Jawad