Question

我仍然使用jQuery找到自己的方式，并在此处设置了基本的图库：http://jsfiddle.net/cmscss/0868wvc5/

到目前为止，除了上一个按钮之外没那么好用 - 这就是我目前的做法：

// next and previous buttons
$('.gallery-nav a').click(function() {

  var button = $(this).attr('class');
  var currentItem = $('.gallery-item.active');
  var next;

  if (button == 'gallery-nav-prev') {
    next = ($('.gallery-item.active').prev().length > 0) ?
    $('.gallery-item.active').prev() :
    $('.gallery-item:last-child');
  } else {
    next = ($('.gallery-item.active').next().length > 0) ?
    $('.gallery-item.active').next() :
    $('.gallery-item:first-child');
  }

  next.css('z-index', 200).show();

  currentItem.fadeOut(300, function() {
    $(this).css('z-index', 100).removeClass('active');
    next.css('z-index', 300).addClass('active');
  });

  return false; // stop page jumping to top when buttons are clicked
});

我怀疑我遗漏了一些基本的东西，所以任何指向正确方向的人都会非常感激。干杯

Answer 1

 if (button == 'gallery-button gallery-nav-prev') {

这将解决它。小提琴：http://jsfiddle.net/0868wvc5/1/

简单，jQuery attr（＆＃39; class＆＃39;）值是不同的。你有多个班级。

超级基本的jquery画廊 - 麻烦得到普通按钮工作

1 个答案: