灯箱中的可见性按钮

时间:2012-06-07 18:17:35

标签: javascript jquery css

当值为0或JavaScript中数组中的最高数字时,我遇到了可见性问题

这是我的代码......

    <!-- script fotoviewer -->
<script>

$("#fotoviewerclick").click(function(){
$("#wrapper").fadeIn(1000);
$("#lightbox").fadeIn(1000);
})

$("#lightboxbtnclose").click(function(){
$("#wrapper").fadeOut(400);
$("#lightbox").fadeOut(400);
})

$("#wrapper").click(function(){
$("#wrapper").fadeOut(400);
$("#lightbox").fadeOut(400);
})

var imagenumber = 0;
var imagenumber_count = 1;
var imagenumber_total_count = imagelist.length;
document.getElementById('counter_total').innerHTML = imagelist.length;



function btnleft(){
    var load = imagelist[imagenumber-=1];
    if (imagenumber_count > 1){imagenumber_count -= 1; document.getElementById('counter').innerHTML = imagenumber_count;}
    if (load) // imagenumber in array boundaries
        document.getElementById('lightboxcontent').innerHTML = load;
    else
        imagenumber = 0;
 }
 function btnright(){
    if (imagenumber_count < imagenumber_total_count) {
    imagenumber_count += 1;
    document.getElementById('counter').innerHTML = imagenumber_count;
  }
    var load = imagelist[imagenumber+=1];
    if (load){ // imagenumber in array boundaries
        document.getElementById('lightboxcontent').innerHTML = load;
   }
    else{
        imagenumber = imagelist.length-1;}
 }
</script>

当第一张照片出现在观众中时,我不想要上一张照片。显示按钮,当我在最后一张照片上时,显示下一个按钮未被显示

有没有人可以帮助我?

谢谢!

PS.:关于我的英语不好,我来自比利时

1 个答案:

答案 0 :(得分:1)

基本逻辑是

如果你的imagenumber_count达到0,则可见度:隐藏为左键,否则可见性:可见

如果您的imagenumber_count与总图像数相同,则右键可见性:隐藏,否则可见性:可见