如何添加链接到幻灯片图像。。。JavaScript

对于任何能提供帮助的人，我使用图像数组创建了一个简单的JQuery幻灯片。幻灯片放映效果很好，但现在我只想为每张幻灯片（图片）添加链接。我刚刚上传了“slides”div中的第一个图像，即“joshuatreepic.psd”。然后我在脚本中使用了所有三个图像（“joshuatreepic.psd”、“MSalbum.psd”、“scheduleslide.png”）。这是我的代码

<div id='slides'>
<img src="joshuatreepic.psd" id="slideshow" />
</div>

<div id='nav_links'>
<ul id='list'>
    <li class='active' id='0'><a href="#" onclick="skip_to(0)"><img src="grey-dot-
small.png" /></a></li>
    <li id='1'><a href="#" onclick="skip_to(1)"><img src="grey-dot-small.png" />
</a></li>
    <li id='2'><a href="#" onclick="skip_to(2)"><img src="grey-dot-small.png" />
</a></li>
</ul>
</div>

<p class="leftarrow"><a href="#" onclick="change_image(-1)"><img
src="slideshow_arrow_left.png"></a></p>
<p class="rightarrow"><a href="#" onclick="change_image(1)"><img
src="slideshow_arrow_right.png"></a></p> 

</div>


<script type="text/javascript>
var Images = new Array("joshuatreepic.psd", "MSalbum.psd", "scheduleslide.png");
var Image_Number = 0;
var Image_Length = Images.length-1;
var Interval;
Interval = setInterval("change_image(1)", 5000);
function change_image(num) {
clearInterval(Interval);
$('#'+Image_Number).removeClass('active');
Image_Number = Image_Number + num;
if (Image_Number > Image_Length) {
    Image_Number = 0;
}
if (Image_Number < 0) {
    Image_Number = Image_Length;
}
$("#slideshow").fadeOut('slow', function () {
    $('#slideshow').attr('src', Images[Image_Number]);
    $("#"+Image_Number).addClass('active');
}).fadeIn('slow');
Interval = setInterval("change_image(1)", 5000);
}   
function skip_to(Number){
$('#'+Image_Number).removeClass('active');
Image_Number = Number;
clearInterval(Interval);
$('#slideshow').fadeOut('slow', function (){
    $('#slideshow').attr('src', Images[Image_Number]);
    $('#'+Image_Number).addClass('active'); 
}).fadeIn('slow');
Interval = setInterval("change_image(1)", 5000);
}
function play() {
 document.getElementById("play_stop").innerHTML = '<a
href="javascript:stop()">Stop</a>';
}
function stop () {
    document.getElementById("play_stop").innerHTML = '<a
href="javascript:play()">Play</a>';
clearInterval(Interval);
}
</script>

“我使用图像数组创建了一个简单的JQuery幻灯片”–这是您的第一个错误；如果没有JS，内容将完全无法访问。您应该做的是，首先将要添加的图像和链接放入正确的HTML元素中，然后通过操纵这些元素的显示方式，让您的脚本达到所需的效果（在最简单的情况下，通过在显示和隐藏之间切换）。–第二个注意事项是，您的浏览器显示
.psd
文件，真的吗？创建一个目标位置数组，或者您甚至可以像这样添加图像数组
var Images=new数组（{src:“myImage.png”，targetUrl:“xyz.html”}…）
，在onclick事件侦听器中，您可以使用
event.target
获取元素，然后只需访问image元素的src属性值，并使用上面的数组导航到相应的位置。使用
window.location
从javascript进行导航