Javascript 从幻灯片中的图像获取图像src

我今天到处看看，花了几个小时想把事情做完。对于一个客户端，我正在创建一个幻灯片，当点击一个图像时，会显示一个灯箱。幻灯片和lightbox都可以工作，但我还没有在lightbox中获得正确的图像

这是加载幻灯片的代码，单击图像时会打开lightbox。 （幻灯片的图像由php脚本加载并转换为Javascript数组）

var curimg=0；
函数rotateimages（）{
document.getElementById（“slideshow”）.setAttribute（“src”、“images/”+galleryarray[curimg]）；
curimg=（curimg现在真的没有理由使用突兀的Javascript（HTML属性中的内容，最好是在外部文件中）

我帮了你一点忙，清理了你的代码，并在你似乎出错的地方修改了它。正如DotNetter已经指出的，在这个例子中使用jQuery是明智的，因为它确实简化了事情。但是，我假设出于某种原因，你希望它是纯js的。下面是对cod的简化e您发布了正确的更改

<style type="text/css">
    .wrapper {
        width: 170px;
        height: 160px;
    }
</style>

<script type="text/javascript">
    var curimg=0;
    function rotateimages(){
        document.getElementById("slideshow").setAttribute("src", "images/" + galleryarray[curimg]);
        curimg=(curimg<galleryarray.length-1)? curimg+1 : 0;
    }

    window.onload = function(){
        setInterval("rotateimages()", 1000);

        document.getElementById("slideshow").onclick = function () {
            var imageSrc = document.getElementById("slideshow").src;
            document.getElementById("lightImg").setAttribute("src", imageSrc);
            document.getElementById('light').style.display = 'block';
            document.getElementById('fade').style.display = 'block';
        }
    }
</script>

<div class='wrapper'>
    <img id="slideshow" src="" />
    <div id="light" class="white_content">
        <img id="lightImg" src="" />
    </div>
</div>


.包装纸{
宽度：170px；
高度：160px；
}
var curimg=0；
函数rotateimages（）{
document.getElementById（“slideshow”）.setAttribute（“src”、“images/”+galleryarray[curimg]）；
库里姆=（库里姆哇，谢谢，真管用！我感谢你们花时间帮助我！）我必须学习很多关于javascript的知识，而我现在之所以避免使用jQuery，是因为我想学习JS的核心基础知识，因为据我所知，jQuery只是一个简单的javascript库。谢谢你的帮助，它很管用！我需要15岁的声望来提升呵呵^^我是新来的，顺便问一下，你认为我学习Javasc的理由是什么ipt很好？或者你会建议我使用jQuery吗？我已经忘记了！我会说，你想看jQuery就看吧。我很早就学会了，它帮助我理解了Javascript的一些部分。记住它们不是相互排斥的，你可以尝试一些jQuery，如果它对你有效，那么继续！如果不是的话，暂时回到JS我同意这一点，在大多数情况下，jQuery可能就足够了。但几年后，我想看看这个网站，并向其他有问题的人提供反馈！我现在才19岁，所以还有很多东西要学！谢谢。
<style type="text/css">
    .wrapper {
        width: 170px;
        height: 160px;
    }
</style>

<script type="text/javascript">
    var curimg=0;
    function rotateimages(){
        document.getElementById("slideshow").setAttribute("src", "images/" + galleryarray[curimg]);
        curimg=(curimg<galleryarray.length-1)? curimg+1 : 0;
    }

    window.onload = function(){
        setInterval("rotateimages()", 1000);

        document.getElementById("slideshow").onclick = function () {
            var imageSrc = document.getElementById("slideshow").src;
            document.getElementById("lightImg").setAttribute("src", imageSrc);
            document.getElementById('light').style.display = 'block';
            document.getElementById('fade').style.display = 'block';
        }
    }
</script>

<div class='wrapper'>
    <img id="slideshow" src="" />
    <div id="light" class="white_content">
        <img id="lightImg" src="" />
    </div>
</div>