JavaScript-我可以使数组中的每个图像都成为唯一的链接吗_Javascript_Jquery_Html_Arrays_Hyperlink

JavaScript-我可以使数组中的每个图像都成为唯一的链接吗

javascript jquery html arrays hyperlink

JavaScript-我可以使数组中的每个图像都成为唯一的链接吗,javascript,jquery,html,arrays,hyperlink,Javascript,Jquery,Html,Arrays,Hyperlink,我对JavaScript非常陌生，希望能得到一些帮助。我试图建立一个滑动横幅，有5个不同的图片同时显示和旋转。我使用了5个版本的代码： <body onLoad="swapImage2();"/>  <script language="JavaScript"> var k = 0; var path2 = new Array(); // LIST OF IMAGES path

我对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-->


var k=0；var path2=新数组（）；
//图像列表
路径2[0]=“pics/prime/1r.png”；
路径2[1]=“pics/prime/2r.png”；
路径2[2]=“pics/prime/3r.png”；
路径2[3]=“pics/prime/4r.png”；
函数swapImage2（）
{ 
document.slider.src=path2[k]；
if（k


因此，img标记是显示数组项的位置。我需要所有5个阵列中的每个图像都有自己的链接到我的站点中的各个页面。
澄清：
<a href="#"><img class="small_banner" name="slider"/></a>



不起作用，因为这会使整个显示区域成为一个链接，我需要pics/prime/1r.png（2r、3r、4r）作为它们自己的链接
下面是我正在使用的完整代码：http:
我知道我很可能错过了一些明显的东西，或者我只是在工作中使用了错误的脚本。如果是的话，有人能推荐一个更好的剧本吗
编辑：
上周我一直在寻找一款滑杆，但没有成功。我试过使用引导旋转木马，我试过旋转木马，猫头鹰旋转木马，提摩西滑翔机，魔兽世界滑块，旋转木马，循环内容旋转木马。这些都不能满足我的需要，当我尝试运行脚本的多个实例时，我遇到了冲突，导致代码崩溃。我真的不足以识别代码中的冲突，所以我试着自己写一个。我把我的问题贴在这里作为最后的手段
 如果我没有理解正确，您需要将id
属性添加到a
标记中，并在交换函数集href
中为其添加属性。诸如此类：
<a href="#" id='link_for_img'><img class="small_banner" name="slider"/></a>



和脚本
//具有路径的图像列表
路径2[0]={img:“pics/prime/1r.png”，链接：'pics/prime/1r.png'；
路径2[1]={img:“pics/prime/2r.png”，链接：'pics/prime/2r.png'；
路径2[2]={img:'pics/prime/3r.png'，链接：'pics/prime/3r.png'}；
路径2[3]={img:'pics/prime/4r.png'，链接：'pics/prime/4r.png'}；
函数swapImage2（）
{ 
document.slider.src=path2[k].img；
document.getElementById（'link_for_img'）。href=path2[k]。link；
if（k
有很多滑块脚本，所以请自己去找一个。我已经试过了。我花了一个星期的时间在寻找一个能胜任这项工作却没有成功的人。我试过使用引导旋转木马，我试过旋转木马，猫头鹰旋转木马，提摩西滑翔机，魔兽世界滑块，旋转木马，循环内容旋转木马。这些都不能满足我的需要，当我尝试运行脚本的多个实例时，我遇到了冲突，导致代码崩溃。我真的不足以识别代码中的冲突，所以我试着自己写一个。我把我的问题贴在这里作为最后的手段。例如，当你尝试引导旋转木马时，什么对你不起作用？如果在每个
中都有一个围绕图像的链接，这不就是您想要做的吗？我可以让引导滑块中的每个图像都成为可单击的链接，这不是问题所在。问题是滑块运行了两次。当我链接两个相同的滑块时，只有第一个滑块起作用。我试着用一个滑块来做这项工作，但我无法按照我想要的方式来设计它。我需要一个750px宽200px高的横幅，然后在它旁边我需要4个250px宽50px高的横幅，每个横幅需要每6秒滚动一次。当我尝试CarouFredSel时，它与我正在使用的随机滑块发生冲突。谢谢你的回复，但是可惜它没有起作用。它现在只显示集合中的第一个图像，不去链接，而是链接到#Uncaught TypeError:undefined不是一个函数-如果我读对了，它说swapImage2（）不是defined@BeaverKing在getElementById中输入了错误，请再试一次：-）先生，您是摇滚明星！它像一个绝对的魅力。非常感谢您的帮助，兄弟：-）
// 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); 
}