내 자바 스크립트 코드가 슬라이드 쇼를 실행하지 않는 이유

// 내 이미지를 모두 슬라이드로 만들려고합니다. 모두 동일하지만 서로 다른 위치로 동일하므로 슬라이드 쇼를 재생할 때 당신이 떨어져 발로없는 것 같은 그림과 같이이 내 자바 스크립트 코드가 슬라이드 쇼를 실행하지 않는 이유

// 스크립트

을 이동 div 태그에 이미지와

<script type="text/javascript" src="jquery-1.11.1.min.js"></script> 
<script type="text/javascript" src="jquery-ui.min.css"></script> 
<script type="text/javascript"> 

    function slideShow(){ 
     $(".interactiveContent#1").show("fade",500); 
     $(".interactiveContent#1").delay(5500).hide("slide",{direction:'left'},500); 

     var sc = $(".interactiveContent img").size(); 
     var count=2; 

     setInterval(function(){ 
      $(".interactiveContent #"+count).show("slide",{direction:'right'},500); 
      $(".interactiveContent #"+count).delay(5500).hide("slide",{direction:'left'},500); 

      if(count==sc){ 
       count = 1; 
      }else{ 
       count = count + 1; 
      } 
     },6500); 
    } 

</script>

가 // BODY으로 작동한다 //

<body onLoad="slideShow";> 
    <div class="interactiveContent"> 
     <img id="1" src="pics/diagram1.png" alt="Diagram Displaying the Marketing Genius Process of Producing Digital Print Marketing Design and Ideas" /> 
     <img id="2" src="pics/diagram2.png" alt="Diagram Displaying the Marketing Genius Process of Producing Digital Print Marketing Design and Ideas" /> 
     <img id="3" src="pics/diagram3.png" alt="Diagram Displaying the Marketing Genius Process of Producing Digital Print Marketing Design and Ideas" /> 
     <img id="4" src="pics/diagram4.png" alt="Diagram Displaying the Marketing Genius Process of Producing Digital Print Marketing Design and Ideas" /> 
     <img id="5" src="pics/diagram5.png" alt="Diagram Displaying the Marketing Genius Process of Producing Digital Print Marketing Design and Ideas" /> 
     <img id="6" src="pics/diagram6.png" alt="Diagram Displaying the Marketing Genius Process of Producing Digital Print Marketing Design and Ideas" /> 
     <img id="7" src="pics/diagram7.png" alt="Diagram Displaying the Marketing Genius Process of Producing Digital Print Marketing Design and Ideas" /> 
     <img id="8" src="pics/diagram8.png" alt="Diagram Displaying the Marketing Genius Process of Producing Digital Print Marketing Design and Ideas" /> 
     <img id="9" src="pics/diagram9.png" alt="Diagram Displaying the Marketing Genius Process of Producing Digital Print Marketing Design and Ideas" /> 
     <img id="10" src="pics/diagram10.png" alt="Diagram Displaying the Marketing Genius Process of Producing Digital Print Marketing Design and Ideas" /> 
    </div> 
</body>

출처

2014-07-17 user3847213

어떻게 함수를 호출합니까? 그걸 부르니? 충분한 정보를 제공하지 않습니다. –

'slidShow()'를 호출해야합니다. –

이 보이는 암호. 간단한 <body onload="slideShow()"> 또는 이와 동등한 것이 문제를 해결할 것입니다.

출처

2014-07-17 01:29:24 Busches

$의 document.ready (함수() {

(function slideShow(){ 
     $(".interactiveContent#1").show("fade",500); 
     $(".interactiveContent#1").delay(5500).hide("slide",{direction:'left'},500); 

     var sc = $(".interactiveContent img").size(); 
     var count=2; 

     setInterval(function(){ 

      $(".interactiveContent #"+count).show("slide",{direction:'right'},500); 
      $(".interactiveContent #"+count).delay(5500).hide("slide",{direction:'left'},500); 

      if(count==sc){ 
       count = 1; 
      }else{ 
       count = count + 1; 
      } 
     },6500); 
})();

});

출처

2014-07-17 03:30:20 ratiorick

내 자바 스크립트 코드가 슬라이드 쇼를 실행하지 않는 이유

답변

관련 문제