Как я могу предотвратить продолжение моих кнопок показа слайдов после последней страницы?

Question

Я делаю сложную выставочную комнату в Wordpress. Я использую сообщения, чтобы сделать это. На самом деле все идет очень хорошо, но у меня есть только одна проблема: у меня есть кнопка «Предыдущая» и «Предыдущая», которая перемещает сообщения слева направо, но когда они доходят до последнего сообщения, кнопки все еще работают, и вы получаете пробел.

Это мой код.

<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"><!-- Your slide show code here --></div> и оттуда используйте CSS, чтобы ограничить отображение div, установив свойства CSS на .myslider{ display: block; width: 800px; height:300px; margin: 0 auto;, измените свойства CSS, чтобы выбрать то, что соответствует вашим необходимым размерам.

В качестве альтернативы вы можете установить положение каждой кнопки, используя Абсолютное позиционирование CSS .