Question

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

这是一个图片按钮的小提琴＆＃39;卷轴＆＃39;我有。这很糟糕，但我真正想弄清楚的是在图片顺序结束时制作向右或向左移动图片的箭头按钮的最简单方法。

我在考虑一个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

Tou可以使用jquery来实现这个

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

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

您还可以使用以下内容来显示和隐藏

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

要检查元素是否可见，您可以使用：

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

使按钮出现和消失

1 个答案: