スライドショーボタンが最後のページを過ぎるのを防ぐにはどうしたらいいですか？

Question

私はWordpressで複雑なショールームを作っています。私はこれを行うために投稿を使用しています。実際にはうまくいっていますが、私は1つの問題しか持っていません。左から右へ投稿をスライドする次のボタンと前のボタンがありますが、最後のポストに移動するとボタンはまだ機能しています。

これは私のコードです。

<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のプロパティを.myslider{ display: block; width: 800px; height:300px; margin: 0 auto;に設定して、divの表示を制限するCSSを使用して、CSSのプロパティを変更して、必要なサイズに合わせて選択します。

また、CSS absolute positioningを使用して各ボタンの位置を設定することもできます。