2012-12-14 2 views
0

첫 번째 이미지는 10 초, 20 초 타이머 등등 두 번째와 같이 다른 시간 간격으로 이미지를 회전해야합니다. 누구든지이 문제를 해결할 수 있도록 도와주세요. http://jsfiddle.net/cEUZq/14/다른 이미지로 다른 시간 지연

가 표시하려는 사람과 이미지를 바꾸기 : 내가 만든이 바이올린을 시도

<script type="text/javascript"> 
var imgs3 = new Array("../webroot/img/1.jpg", "../webroot/img/2.gif", "../webroot/img/3.gif"); 
var lnks3 = new Array("www.a.com", "www.b.com", "www.c.com"); 
var alt3 = new Array("StarBid", "Happy Winners", "Special Offer"); 
var currentAd3 = 0; 
var imgCt3 = 3; 

function cycle3() { 
    if (currentAd3 == imgCt3) { 
     currentAd3 = 0; 
    } 
    var banner3 = document.getElementById('adBanner3'); 
    var link3 = document.getElementById('adLink3'); 
    banner3.src = imgs3[currentAd3] 
    banner3.alt = alt3[currentAd3] document.getElementById('adLink3').href = lnks3[currentAd3] 
    currentAd3++; 
} 
window.setInterval("cycle3()", 10000);​ 
<script> 
+0

'banner3.alt = alt3 [currentAd3] document.get ...'는 (는) 잘못된 자바 스크립트입니다. 또한 데이터에 대해 단일 객체 배열을 사용하는 것을 고려하십시오. 각 객체는 색인을 유지 관리하는 데 필요한 3 개의 별도 배열 대신 url, alt 및 src 속성을 가질 수 있습니다. – MrCode

답변

0

: 나는 다음이 스크립트를 가지고있다. 원하는만큼 이미지를 추가하십시오. 변수 times은 각 그림을 표시 할 시간 (초)을 포함하는 배열입니다. 도움이 필요하면 알려주세요.

jQuery가 필요합니다.

+0

간격은 각각 1 초의 배수 여야하기 때문에 다소 제한적입니다. 반복 된'setTimeout()'이 더 좋을 것입니다. – MrCode

+0

가 동의했습니다. 나는 훨씬 더 많은 것을 넣지 않고 구한 한 줄짜리 슬라이드 쇼를 수정했다. –