Question

我正在Wordpress中创建一个复杂的展示厅。我正在使用帖子来做到这一点。它实际上运行得非常好，但我只有一个问题：我有一个next和prev按钮，可以从左到右滑动帖子，但是当它们到达最后一个帖子时按钮仍然有效，所以你得到一个空白区域。

这是我的代码。

<script>
$("#button-Next").click(function(){
  $("#inside").animate({"left": "-=800px"}, "slow");
  $("#button-Prev").animate({height:32}, "slow");
});

$("#button-Prev").click(function(){
  $("#inside").animate({"left": "+=800px"}, "slow");
});


$(function() {

    var longjohn = getElementById("#inside");

      if (longjohn.left = -1600px) {
          $("#button-Next").animate({height:0}, "slow");
      }

      if (longjohn.left = 0) {
          $("#button-Prev").animate({height:0}, "slow");
      }
      else {
            $("#button-Prev").animate({height:32}, "slow");
            $("#button-Next").animate({height:32}, "slow");
      }

    });

我无法找到关于设置最小长度或其他内容的任何信息。

Answer 1

使用Div将幻灯片放入，在div上设置一个类，例如<div class="myslider"></div>并从那里使用CSS通过将CSS属性设置为.myslider{ display: block; width: 800px; height:300px; margin: 0 auto;来限制div的显示，更改CSS属性以选择适合您所需尺寸的内容。

或者，您可以使用CSS absolute positioning设置每个按钮的位置。

如何防止我的幻灯片按钮继续通过最后一页？

1 个答案: