JavaScript-我可以使數組中的每個圖像成為唯一鏈接

Question

我對JavaScript非常陌生，希望獲得一些幫助。 我正在嘗試構建一個滑動橫幅，該橫幅同時顯示和旋轉5張不同的圖片。 我已經使用了5個版本的代碼：

<body onLoad="swapImage2();"/>      <!--Linked with jquery-->

       <script language="JavaScript"> 
var k = 0; var path2 = new Array(); 

// LIST OF IMAGES 
path2[0] = "pics/prime/1r.png"; 
path2[1] = "pics/prime/2r.png"; 
path2[2] = "pics/prime/3r.png"; 
path2[3] = "pics/prime/4r.png";

function swapImage2() 
{ 
document.slider.src = path2[k]; 
if(k < path2.length - 1) k++; 
else k = 0; 
setTimeout("swapImage2()",6000); 
} 
</script> 
<img class="small_banner" name="slider"/> <!-- This is where the image is displayed-->

因此，img標簽是顯示數組項的位置。 我需要所有5個陣列中的每個圖像都有自己的鏈接，該鏈接指向我網站中的各個頁面。 澄清：

<a href="#"><img class="small_banner" name="slider"/></a>

將不起作用，因為這會使整個顯示區域成為一個鏈接，在這里我需要pics / prime / 1r.png（2r，3r，4r）成為各自的鏈接。

這是我正在使用的完整代碼：http：http: //jsfiddle.net/BeaverKing/3wR5f/1/

我知道我很可能會遺漏一些明顯的東西，或者也許我只是在使用錯誤的腳本來完成工作。 如果是這樣，有人可以建議一個更好的腳本嗎？

編輯：

我花了最后一周的時間來尋找能夠成功完成工作的滑塊。 我嘗試使用自舉輪播，嘗試了CarouFredSel，OwlCarousel，TimothySlider，WoW-Slider，CarouselEngine，CircularContentCarousel。 這些都不符合我的要求，並且當我嘗試運行腳本的多個實例時，遇到沖突導致代碼中斷。 我真的不足以識別代碼中的沖突，因此我嘗試自己寫一個。 作為最后的解決方法，我將在此處發布我的問題。

Answer 1

如果我的權利已了解，你需要添加id屬性， a標簽和交換功能集href它。 像這樣的東西：

<a href="#" id='link_for_img'><img class="small_banner" name="slider"/></a>

和腳本

// LIST OF IMAGES WITH PATHS
path2[0] = { img:"pics/prime/1r.png", link: 'pics/prime/1r.png'};
path2[1] = { img:"pics/prime/2r.png", link: 'pics/prime/2r.png'};
path2[2] = { img:"pics/prime/3r.png", link: 'pics/prime/3r.png'};
path2[3] = { img:"pics/prime/4r.png", link: 'pics/prime/4r.png'};

function swapImage2() 
{ 
    document.slider.src = path2[k].img; 
    document.getElementById('link_for_img').href = path2[k].link;
    if(k < path2.length - 1) k++; 
    else k = 0; 
    setTimeout(swapImage2,6000); 
}

JavaScript-我可以使數組中的每個圖像成為唯一鏈接

問題描述

1 個解決方案

解決方案1
0 已采納 2014-05-16 18:32:18

JavaScript-我可以使數組中的每個圖像成為唯一鏈接

問題描述

1 個解決方案

解決方案1 0 已采納 2014-05-16 18:32:18

解決方案1
0 已采納 2014-05-16 18:32:18