Question

我想制作图片幻灯片。首先，我只有缩略图，当点击它时，它会弹出叠加（某种div，或某种东西），并且可以选择在图像中移动。我不想使用任何类型的库

到目前为止，我有这个：

    NewImg = new Array (
"img/1gif",
"img/2gif",
"img/3gif"
);
var ImgNum = 0;
var ImgLength = NewImg.length - 1;
var delay = 3000;
var lock = false;
var run;
function chgImg(direction) {
if (document.images) {
ImgNum = ImgNum + direction;
if (ImgNum > ImgLength) {
ImgNum = 0;
}
if (ImgNum < 0) {
ImgNum = ImgLength;
}
document.slideshow.src = NewImg[ImgNum];
   }
}
function auto() {
if (lock == true) {
lock = false;
window.clearInterval(run);
}
else if (lock == false) {
lock = true;
run = setInterval("chgImg(1)", delay);
   }

html部分

<a href="javascript:chgImg(-1)">Previous</a>
<a href="javascript:auto()">Auto/Stop</a>
<a href="javascript:chgImg(1)">Next</a>

这是常规图片库。使用常规尺寸的图像。我不知道如何实现这些缩略图谢谢你帮助我在这里

我忘了，我有使用以下代码进行叠加（但不知道如何在此处实现）

function toggleLayer( whichLayer )
{
  var elem, vis;
  if( document.getElementById ) 
  {
    elem = document.getElementById( whichLayer );
  }  
  vis = elem.style;
  if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined)
    vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none';
  vis.display = (vis.display==''||vis.display=='block')?'none':'block';
}

关于jsfiddle的

http://jsfiddle.net/sevdah/z7Ggx/1/，但它不起作用，不知道为什么

javascript幻灯片叠加

0 个答案: