限制圖像循環顯示

下面的代碼已被提出，但不是完全有效的:-(。我想在點擊和數組結束時顯示一個圖像數組（var imgs）返回到第一個img = 1.任何幫助將不勝感激。謝謝。限制圖像顯示限制圖像循環顯示

var imgs = ["'pic1lg.jpg","pic2lg.jpg","pic3lg.jpg","pic4lg.jpg","pic5lg.jpg"]; 
var baseURL = 'images/art_contests/2005/'; 

var x=imgs.length; 
function change(){ 
if (x>0) { document.getElementById("bob").src=baseURL+imgs[--x]; } 
} 
window.onload = function() { change(); } 
</script> 
</head> 
<body> 
<img src="" id="bob" alt="" onmousedown="change()"> 
</body>

而且，正如一個側面說明，什麼是「鮑勃」？

來源

2012-11-05 user1799198

如果你想讓它回到翻身的開始，你有一旦它小於0就重置x的值。

if (x < 0) { 
    x = imgs.length - 1; 
} 
document.getElementById("bob").src = baseURL+imgs[x--];

這樣做什麼是改變圖像之前檢查的x的值，並且如果它是小於0（0是第一圖像），將其設置爲一個小於陣列長度（數組索引是基於0所以最後一項有一個索引length-1）。

來源

2012-11-05 04:59:58 sachleen

<script> 

var imgs = ["pic1lg.jpg","pic2lg.jpg","pic3lg.jpg","pic4lg.jpg","pic5lg.jpg"]; 
var baseURL = 'images/art_contests/2005/'; 

var imagesLength= imgs.length; 
var current = imgs.length; 
function change(img){ 
    if(current <= 0) 
     current = imagesLength; 
    img.src=baseURL+imgs[--current]; 
} 
window.onload = function() { change(); } 
; 
</script> 
</head> 
<body> 
<img src="" id="bob" alt="" onmousedown="change(this)"> 
</body>

來源

2012-11-05 05:04:30

-1

嘗試這一個
我增加一個國家選擇的當前陣列。

<script> 
var imgs = ["'pic1lg.jpg","pic2lg.jpg","pic3lg.jpg","pic4lg.jpg","pic5lg.jpg"]; 
var baseURL = 'images/art_contests/2005/'; 

var x=imgs.length; 
var latest = 0; 
function change(){ 

    if (x>0) { 
     if(latest < x){ 
      document.getElementById("bob").src=baseURL+imgs[latest]; 
      latest++; 
     }else{ 
     latest = 0;  
     } 
    } 
} 

</script> 
</head> 
<body> 
<input type="button" onclick="change()"/> 
<img src="" id="bob" alt="" onclick="change()"> 
</body>

來源

2012-11-05 05:04:43

回答

相關問題