0

このjquerydivスライダーに数値制御を追加する方法を誰かに知ってもらいましょう。ここでフィドルを設定します

任意の提案やアイデアをいただければ幸いです。前もって感謝します......

var totalSlides = 0;
var currentSlide = 1;
var contentSlides = "";

$(document).ready(function(){
  $("#slideshow-previous").click(showPreviousSlide);
  $("#slideshow-next").click(showNextSlide);

  var totalWidth = 0;
  contentSlides = $(".slideshow-content");
  contentSlides.each(function(i){
    totalWidth += this.clientWidth;
    totalSlides++;
  });
  $("#slideshow-holder").width(totalWidth);
  $("#slideshow-scroller").attr({scrollLeft: 0});
  updateButtons();
});

function showPreviousSlide()
{
  currentSlide--;
  updateContentHolder();
  updateButtons();
}

function showNextSlide()
{
  currentSlide++;
  updateContentHolder();
  updateButtons();
}

function updateContentHolder()
{
  var scrollAmount = 0;
  contentSlides.each(function(i){
    if(currentSlide - 1 > i) {
      scrollAmount += this.clientWidth;
    }
  });
  $("#slideshow-scroller").animate({scrollLeft: scrollAmount}, 1000);
}

function updateButtons()
{
  if(currentSlide < totalSlides) {
    $("#slideshow-next").show();
  } else {
    $("#slideshow-next").hide();
  }
  if(currentSlide > 1) {
    $("#slideshow-previous").show();
  } else {
    $("#slideshow-previous").hide();
  }
}
4

1 に答える 1

0

これを見てください数値セレクターをjQueryスライダーと組み合わせる方法は？リンク。これは、jqueryスライダーに数値制御を追加するのに役立ちます。

        $('.control').click(function () {
            currentSlide = $(this).val();
            updateContentHolder();
            updateButtons();
            updateNumericSelector();
        });

これがもっとお役に立てば幸いです。

于 2013-03-14T09:56:11.150 に答える