请点击图片在JavaScript

我有我的网站上，让我走通的图像与此代码上一页/下一页链接下一张图片： <a href="JavaScript:previousImage()">Previous</a> | <a href="JavaScript:nextImage()">Next</a> <span id='num'></span>请点击图片在JavaScript

我把图像在下面的代码。上一个/下一个链接工作良好，但我希望能够点击图像本身导航到下一个图像：所以点击1.jpg，然后转到2.jpg，然后点击5.jpg回到1.jpg。请提前告知，在此感谢您的帮助。我是一个初学者盲目建立我的网站，任何帮助非常感谢。

<script type="text/javascript"> 

var image = new Array("jpegs/1.jpg", 
"jpegs/2.jpg", 
"jpegs/3.jpg", 
"jpegs/4.jpg", 
"jpegs/5.jpg" 
) 

var imgNumber=1 

var numberOfImg = image.length 

function previousImage(){ 
    if(imgNumber > 1){ 
    imgNumber-- 
    } 

    else{ 
    imgNumber = numberOfImg 
    } 

document.slideImage.src = image[imgNumber-1] 

    } 
function nextImage(){ 
    if(imgNumber < numberOfImg){ 
    imgNumber++ 
    } 

    else{ 
    imgNumber = 1 
    } 

document.slideImage.src = image[imgNumber-1] 

    } 

</script>

来源

2013-03-04 RCook

如何：

document.slideImage.onclick = nextImage;

我也建议使用事件注册（也为锚）：

document.slideImage.addEventListener('click', nextImage);

来源

2013-03-04 00:07:46

我会在哪里放这些代码？你建议把两者都放入还是只放在下面的一个中？谢谢 – RCook 2013-03-04 03:07:21

@RCook只是第二个;把它放在一个脚本文件中，你在加载图像之后加入* – 2013-03-04 03:10:03

我把它放在图像的下面：看下面和上一个/下一个链接停止工作，并且图像没有点击到下一个图像...请帮助，我是否把它放在错误的地方？

我不推荐使用href="Javascript:function()"，所以给你一个想法如何接近它...

<script type="text/javascript"> 
    window.onload = function() { 
    var n = 0; 
    var src = ["jpegs/1.jpg", "jpegs/2.jpg", "jpegs/3.jpg", "jpegs/4.jpg", "jpegs/5.jpg"]; 
    var e = document.getElementById('slideImage'); 
    var prev = function() { 
     n -= 1; 
     if(n < 0) n = src.length - 1; 
     e.setAttribute('src', src[n]); 
    };   
    var next = function() { 
     n += 1; 
     if(n >= src.length) n = 0; 
     e.setAttribute('src', src[n]); 
    }; 
    e.onclick = next; 
    document.getElementById('nextlink').onclick = next; 
    document.getElementById('prevlink').onclick = prev; 
    }; 
</script>

此方法不会将变量写入window（不包括onload），只需要id属性。

来源

2013-03-04 00:35:39

这一个没有为我工作。禁用正在工作的上一个/下一个链接，并且点击图像没有进入下一个图像。不过谢谢。 – RCook 2013-03-04 03:13:12

请点击图片在JavaScript

回答

相关问题