制作按钮出现和消失

Question

http://www.jsfiddle.net/Akmedrah/1cf6obpu/

这里是一个图像按钮“滚动”我有一个小提琴。这是蹩脚的，但我真正想要弄清楚的是，在图片顺序结束时，使箭头按钮向右或向左移动淡出和淡出的最简单方法。

我正在考虑一个基本知道总数的java脚本函数，像这样（我不知道我在做什么，当涉及到JS，但这是我认为它最好的样子）：

function fadeinout(){ 
    var total = 2; //because two in fiddle example, but theoretical could have hundreds 
    var current = //somehow get the current image based off id or class or some other identifier, or file name. 
    if (current < 2) { //set up so i can expand??? maybe? 
    document.getElementById("left-arrow").style.display = "true"; 
    document.getElementById("right-arrow").style.display = "true"; 
    } 
    if (current == 1) { 
    document.getElementById("left-arrow").style.display = "false"; 
    } 
    if (current == 2) { 
    document.getElementById("right-arrow").style.display = "false"; 
    } 
    } 

我只是想知道，如果我朝着正确的方向前进，或者如果我正在使这种方式变得复杂。谢谢！

Answer 1

头可以使用jQuery这个

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_id

$("#left-arrow").hide(); 
$("#left-arrow").show(); 

您也可以使用下面的方法的toogle显示和隐藏

$("#left-arrow").toggle(); 

要检查的elemnent可见或不可见，你可以用这个：

$("#left-arrow").is(":visible")