내가 내 페이지에서 슬라이드 쇼를 초기화하고 자바 스크립트 온로드 기능

과 함께 슬라이드 쇼를 초기화하고 나는 페이지가 완전히 나는 그렇게 자바 스크립트와 온로드 기능을 사용하고내가 내 페이지에서 슬라이드 쇼를 초기화하고 자바 스크립트 온로드 기능

를로드 한 후이 실행되도록합니다.

내 문제는 내 body 태그에있는 슬라이드 쇼 (이미지)의 구성 요소입니다. onload 함수로 제어하는 방법을 모르겠습니다. 슬라이드 쇼가 시작되기 전에 알 수 있듯이 이미지는 페이지의 위쪽에서 아래쪽으로 대기열을 형성합니다.

내 용도를 더 잘 이해하기 위해 내 몸 태그에 이미지가 있고이를 원하지 않습니다. 페이지의 모든 구성 요소 (오디오 및 슬라이드 쇼를 포함한 javascript 기능까지)가 완전히로드되지 않습니다.

여기 내 코드의 일부이며, javascript에는 슬라이드 쇼와 오디오가 포함되어 있습니다. 는 당신에게 당신이 할 수있는 특정 한 번 document.ready()

<script type="text/javascript"> 

window.onload = a; 

function a() { 
     $(document).ready(function(){ 
     $('#slideshow').cycle({ 

x:'curtainX', 
sync: false, 
}); 
}); 

setTimeout(plus1,9000); 
function plus1() { 

     $(document).ready(function(){ 
     $('#slideshow').cycle('pause'); 
}); 
} 
var music = new Audio("archive.mp3"); 
music.play(); 

} 
</script> 
. 
. 
. 
<body> 
    <div id="slideshow"> 
     <p><img src="10.png" width="420" height="420"/></p> 
     <p><img src="9.png" width="420" height="420"/></p> 
</div> 
</body>

출처

2013-11-28 Nima

감사합니다.

$(document).ready(function(){ 
    $('#slideshow').show(); 
    $('#slideshow').cycle({ 
      x:'curtainX', 
      sync: false, 
    }); 

    setTimeout(plus1,9000); 
    function plus1() { 
      $('#slideshow').cycle('pause'); 
    } 
    var music = new Audio("archive.mp3"); music.play(); 
});

을 그리고 이것은 당신을 감사 HTML

<body> 
    <div id="slideshow" style="display:none;"> 
     <p><img src="10.png" width="420" height="420"/></p> 
     <p><img src="9.png" width="420" height="420"/></p> 
</div> 
</body>

출처

2013-11-28 20:16:21

입니다 : 당신이 document.ready() 내부의 DOM 요소를 입력 갔지
이미로드 준비 창입니다 당신은 같은 것을 할 수 있습니다. 나는 그것을 사용할 것이다. 하지만 내 문제는 이미지입니다. 그것에 관한 어떤 제안? – Nima

html로 답변을 편집하고 jquery @ Nima –

에서 편집을했는데 이미지를 표시하지 않으면 슬라이드 쇼도 사라집니다. 그게 뭐가 잘못 됐니? 어떤 아이디어가 있습니까? 감사합니다 – Nima

내가 내 페이지에서 슬라이드 쇼를 초기화하고 자바 스크립트 온로드 기능

답변

관련 문제