两个javascript幻灯片如果有条件?

时间:2014-11-15 15:39:02

标签: javascript jquery slideshow layer

我正在尝试在浮动图层上进行第二次幻灯片放映。但是,主幻灯片停止了工作。我不能让两者同时工作。

这是主幻灯片的原始代码:

var imgs = ["1.jpg", "2.jpg", "3.jpg"];


document.onkeydown = function(event) {
 var e = event || window.event;
 if (e.keyCode == '37') { // left
 changeImage(-1);![1]
 } else if (e.keyCode == '39') { // right
 changeImage(1);
 }
}

function changeImage(dir) {
var img = document.getElementById("imgClickAndChange");
img.src = imgs[imgs.indexOf(img.src) + dir] || imgs[(dir==1) ? 0 : imgs.length-1];
var index = imgs.indexOf(img.src);
};

我试过第二张幻灯片的if条件只有当包含它的浮动层处于活动状态时才能工作,但是我无法正确使用它。 像这样:

 if ($("#floatingLayer").is(":visible") == true) { ORIGINAL SLIDESHOW CODE ABOVE };

如果有帮助,这是切换浮动图层的代码:

 function ToggleFloatingLayer(DivID){
  $('#' + DivID).fadeToggle(0);
 };

任何人都可以帮助我吗?我应该改变什么?我希望原始图层默认工作,但在我切换浮动图层时停止。然后只有第二个幻灯片应该工作。 谢谢

0 个答案:

没有答案