javascript幻灯片叠加

时间:2011-03-26 10:23:07

标签: javascript image gallery slideshow

我想制作图片幻灯片。 首先,我只有缩略图,当点击它时,它会弹出叠加(某种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/,但它不起作用,不知道为什么

0 个答案:

没有答案