JQuery UI Auto Slide - PullRequest
Новая
       15

JQuery UI Auto Slide

1 голос
/ 05 февраля 2012

У меня есть следующий код для вертикального слайдера jQuery UI, но мне нужен автоматический слайдер (автопрокрутка) этого слайдера. (Авто слайд при загрузке страницы)

Кто-нибудь может помочь? 

<script>$(function() {
var scrollPane = $('#content-scrolls'),
    scrollableHeight = scrollPane.height() - scrollPane.parent().height() || 0;  
$("#slider-vertical").slider({
  orientation: "vertical",
  range: "max",
  min: 0,
  max: scrollableHeight,
  value: scrollableHeight,
  animate: true, 
  slide: function(event, ui) {
    scrollPane.css({top: ui.value - scrollableHeight});
  }
});  }); </script>

1 Ответ

0 голосов
/ 05 февраля 2012 
    $(function() {
    var scrollPane = $('#content-scrolls'),
        scrollableHeight = scrollPane.height() - scrollPane.parent().height() || 0;
    $("#slider-vertical").slider(
    { change: handleChange,
        slide: handleSlide,
        orientation: "vertical",
        range: "max",
        min: 0,
        max: scrollableHeight,
        value: scrollableHeight,
        animate: true,
    });
    setTimeout(scrollWindow, 1000);
    function scrollWindow() {
        var slideValue;
        slideValue = $("#slider-vertical").slider("value");
        if(slideValue > -100)
        {
              $("#slider").slider("value", slideValue - 1);
               setTimeout(scrollWindow, 1000);
        }
    }
    function handleChange(e, ui) {
        var maxScroll = $("#scroller").attr("scrollHeight") -$("#scroller").height();
        $("#scroller").animate({ scrollTop: -ui.value *(maxScroll / 100)}, 1000);

    }
    function handleSlide(e, ui) {
        var maxScroll = $("#scroller").attr("scrollHeight") -$("#scroller").height();
        $("#scroller").attr({ scrollTop: -ui.value* (maxScroll / 100)   });
    }
});

добавить скроллер следующим образом: <div id="slider"></div> <div id="scroller">

...