两个带if条件的javascript幻灯片？

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

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

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);
 };

有人能帮我吗？我应该换什么？我希望原始层在默认情况下工作，但在启用浮动层时停止。那么只有第二张幻灯片可以播放了。

---

谢谢你

如果你能给我们看一个演示，例如：jsfiddle，那么问题就更清楚了..你可以使用一个变量来跟踪原始幻灯片是否应该是活动的，只需将它包装在一个If块中，只有当你创建的变量为true，并且当浮动div显示时，使变量为false我很困惑。。。我该怎么做？