Javascript 슬라이드 쇼 내 사이트 천천히

참고 : 메뉴 항목 위로 마우스를 가져 가면 이미지가로드 될 때까지 등록되지 않습니다. 이유가 확실하지 않습니다.Javascript 슬라이드 쇼 내 사이트 천천히

방금 내 웹 사이트의 색인 페이지에 이미지 슬라이드 쇼를 추가했습니다. 나는 그것을 마침내 얻었고, 그것을 업로딩했다. 이제 슬라이드 쇼는 5 개 이미지를 통과하지만로드 시간은 상당히 중요하며 메뉴를 클릭 할 때 큰 지연이 있습니다. 페이지의 본문에

<script type="text/javascript"> 
<!-- 
var image1=new Image() 
image1.src="image1.JPG" 
var image2=new Image() 
image2.src="image2.JPG" 
var image3=new Image() 
image3.src="image3.JPG" 
var image4=new Image() 
image4.src="image4.JPG" 
var image5=new Image() 
image5.src="image5.JPG" 
//--> 
    </script>

그리고 코드 : 페이지가 지금은 속도가 느린 이유

<script type="text/javascript"> 
      <!-- 
      //variable that will increment through the images 
      var step=1 
      function slideit(){ 
      //if browser does not support the image object, exit. 
      if (!document.images) 
       return 
      document.slide.src="images/image"+step+".JPG" 
      if (step<5) 
       step++ 
      else 
      step=1 
      //call function "slideit()" every 2.5 seconds 
      setTimeout("slideit()",2500) 
      } 
      slideit() 
      //--> 
      </script>

어떤 생각이 여기에

는 파일의 시작 부분에 코드?

미리 감사드립니다.

출처

2011-12-05 fullOfQuestions

타이머는 2500ms 또는 2.5 초입니다. 이게 무슨 뜻이야? –

추신 : 1996 년 이후로 "

이미지 크기를 줄이면 도움이 될 수 있습니다. – Tarik

여러 가지 이유가있을 수 있습니다.

슬라이드 쇼가 시작되기 전에 모든 이미지가로드 될 때까지 기다리지 않습니까? 그렇다면 가능한 경우 HTML 페이지 맨 아래에 슬라이드 쇼 스크립트를 넣는 것을 고려하십시오. 이렇게하면 다른 모든 내용이 먼저로드됩니다.

슬라이드 쇼가 애니메이션으로 재생됩니까? 2500 초마다 이미지가 천천히 화면을 가로 질러 이동합니까? 이 경우 사용하는 코드의 setTimeout() 함수 값이 너무 작을 수 있습니다. 그것을 높이거나 위험을 무릅 쓰고 애니메이션을 위해 CSS3 전환을 사용하십시오.

출처

2011-12-05 19:00:26

Javascript 슬라이드 쇼 내 사이트 천천히

답변

관련 문제