내 슬라이드 쇼에 링크 추가

슬라이드의 이미지를 통해 링크를 포함하도록 슬라이드 쇼를 수정하고 싶습니다. 내 원래 코드는 작동하고 작동합니다 :내 슬라이드 쇼에 링크 추가

VAR slides=new Array("s1.jpg","s2.jpg") 
var slideCntr=slides.length-1 
function slideShow() { 
    slideCntr+=1 
    if (slideCntr==slides.length) slideCntr=0 
    document.getElementById("slideHolder").src = slides[slideCntr] 
    setTimeout("slideShow()",3000) 
}

내 코드에는 표시가없는 이미지 링크가 5 개 있습니다. 이미지 태그의 ID로 채워진 배열을 사용하고 표시를 차단하도록 변경합니다. 디스플레이를 다시 none으로 바꾸는 것이 필요하다고 생각합니다. 확실하지 않지만 내가 지금 무엇을 도와주지 않으면 도움이된다. 도움이 필요한 새 코드 :

var slides=new Array("slide1","slide2","slide3","slide4","slide5") 
var slideCntr=slides.length-1 
function slideShow(){ 
    slideCntr+=1 
    if (slideCntrl==slides.length) 
    slideCntr=0 
    document.getElementById(slideCntr).style="display: block;" 
    setTimeout("slideShow()",3000)} 
    <body onLoad="slideShow()"> 
    <div> 
    <a href="#"><img id="slide1" src="s1.jpg"></a> 
    <a href="#"><img id="slide2" src="s2.jpg"></a> 
    <a href="#"><img id="slide3" src="s3.jpg"></a> 
    <a href="#"><img id="slide4" src="s4.jpg"></a> 
    <a href="#"><img id="slide5" src="s5.jpg"></a> 
    </div> 
    </body>

출처

2013-05-28 Ilija Lukic

document.getElementById (slideCntr) .style = "display : block;" 매우 잘못되었습니다 –

이 코드는 완벽하게 작동합니다.

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Untitled Document</title> 
<style type="text/css"> 
    img 
    { 
     display:none; 
    } 
</style> 


</head> 

<body> 
    <div> 
     <a href="#"><img id="slide1" src="1.png"></a> 
     <a href="#"><img id="slide2" src="2.png"></a> 
     <a href="#"><img id="slide3" src="3.png"></a> 
     <a href="#"><img id="slide4" src="4.png"></a> 
     <a href="#"><img id="slide5" src="5.png"></a> 
    </div> 
    <script type="text/javascript"> 
     var slides=new Array("slide1","slide2","slide3","slide4","slide5"); 
     var slideCntr = 1; 
     setInterval(slideShow,3000); 

     function slideShow() 
     { 
      //alert('called'); 
      for(var i = 1 ; i < slides.length+1 ; i++) 
      { 
       document.getElementById("slide"+i).style.display = "none"; 
      } 
      document.getElementById("slide"+slideCntr).style.display = "block"; 
      slideCntr+=1; 
      if(slideCntr == slides.length+1) 
      { 
       slideCntr = 1; 
      } 

     } 
    </script> 
</body> 
</html>

출처

2013-05-28 19:36:09

도와 주셔서 대단히 감사합니다. 이것은 잘 작동합니다. –

@IlijaLukic : 도움이 될 수있어서 기쁩니다.이 대답을 인정 된 대답으로 표시해 주시겠습니까? –

내 슬라이드 쇼에 링크 추가

답변

관련 문제