¿Cómo puedo evitar que mis botones de presentación de diapositivas continúen más allá de la última página?

Estoy haciendo un show room complicado en Wordpress. Estoy usando las publicaciones para hacer esto. En realidad, va muy bien, pero solo tengo un problema: tengo un botón siguiente y anterior que deslizan las publicaciones de izquierda a derecha, pero cuando llegan a la última publicación, los botones siguen funcionando, por lo que obtienes un espacio en blanco.

Este es mi codigo.

<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");
      }

    });

No puedo encontrar nada sobre establecer la longitud mínima o algo así.

preguntado el 08 de noviembre de 11 a las 18:11

Bienvenido. Algo como este puede ser útil para ti. Si lo resuelve usted mismo, asegúrese de publicar su respuesta para que otros puedan aprender de su pregunta. Saludos ~ -

1 Respuestas

Use un Div para incluir la presentación de diapositivas, establezca una clase en el div, por ejemplo <div class="myslider"><!-- Your slide show code here --></div> y desde allí use CSS para restringir la visualización del div configurando las propiedades CSS en .myslider{ display: block; width: 800px; height:300px; margin: 0 auto; cambie las propiedades de CSS para seleccionar lo que se ajuste a sus dimensiones necesarias.

Alternativamente, puede establecer la posición de cada botón usando Posicionamiento absoluto CSS.

respondido 21 nov., 11:00

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.