Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Нужна помощь со слайдером (https://javascript.ru/forum/dom-window/30785-nuzhna-pomoshh-so-slajjderom.html)

madmeur 15.08.2012 20:21

Нужна помощь со слайдером
 
Вот этот код двигает миниатюры по горизонтали.

var left = thumb[0].parentNode.offsetLeft;
      left -= (this.nav_display_width / 2) - (thumb[0].offsetWidth / 2);
      if(this.settings.animated_scroll) {
        this.thumbs_wrapper.animate({scrollLeft: left +'px'});
      } else {
        this.thumbs_wrapper.scrollLeft(left);
      };

Мне нужно, чтобы миниатюры двигались так же, но вверх. ScrollTop не помогает. Left можно задать вручную, так-то... Помогите пожалуйста.

ссылка на сайт http://xw.lef-design.ru/main.html

madmeur 15.08.2012 20:23

$(this.scroll_back).add(this.scroll_forward).click(
        function() {
          // We don't want to jump the whole width, since an image
          // might be cut at the edge
          var width = context.nav_display_width - 50;
          if(context.settings.scroll_jump > 0) {
            var width = context.settings.scroll_jump;
          };
          if($(this).is('.ad-forward')) {
            var left = context.thumbs_wrapper.scrollLeft() + width;
          } else {
            var left = context.thumbs_wrapper.scrollLeft() - width;
          };
          if(context.settings.slideshow.stop_on_scroll) {
            context.stopSlideshow();
          };
          if(context.settings.animated_scroll) {
            context.thumbs_wrapper.animate({scrollLeft: left +'px'});
          } else {
            context.thumbs_wrapper.scrollLeft(left);
          };
          return false;
        }
      )


Функция animated_scroll.


Часовой пояс GMT +3, время: 01:54.