Блог

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

Как я могу запретить моим кнопкам слайд-шоу переходить на последнюю страницу?

#wordpress #animation #button #slideshow

#wordpress #Анимация #кнопка #слайд-шоу

Вопрос:

Я создаю сложную демонстрационную комнату в WordPress. Для этого я использую posts. На самом деле все идет очень хорошо, но у меня только одна проблема: у меня есть кнопки 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");
      }

    });

Я не могу найти ничего о настройке минимальной длины или что-то в этомроде.

Комментарии:

1. Добро пожаловать. Что-то вроде этого может быть удобно для вас. Если вы решаете эту проблему самостоятельно, обязательно опубликуйте свой ответ, чтобы другие могли извлечь уроки из вашего вопроса. Приветствия ~

Ответ №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.