我今天一直在环顾四周,花了几个小时试图完成一些事情。对于客户,我在单击图像时创建带有灯箱的幻灯片。幻灯片和灯箱都可以工作,但我还没有在灯箱中得到正确的图像。
这是加载幻灯片的代码,当单击图像时会打开灯箱。(幻灯片的图像由 php 脚本加载并转换为 Javascript 数组)
<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);
}
</script>
<div style="width: 170px; height: 160px">
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style. display='block'">
<img id="slideshow" src="" />
</a>
<div id="light" class="white_content">
<img id="lightImg" src="" />
<script>
var image = document.getElementById("slideshow").src;
document.getElementById("lightImg").setAttribute("src", image);
</script>
我现在尝试创建一个名为“image”的变量,并让它包含幻灯片中当前图像的 src。所以我可以将它加载到灯箱中的图像中。
希望有人能给我一些有用的提示。我是 Javascript 语言的新手。
幻灯片的脚本来自:http ://www.javascriptkit.com/javatutors/externalphp2.shtml
问候科恩。