Mercurial > hg > MPIWGWeb
changeset 116:f2be4e850d0c
AJAX slider takes height of loaded content.
author | casties |
---|---|
date | Wed, 29 May 2013 11:11:26 +0200 |
parents | 014efa0923be |
children | aaa2609ea97d |
files | js/mpiwg.js |
diffstat | 1 files changed, 4 insertions(+), 3 deletions(-) [+] |
line wrap: on
line diff
--- a/js/mpiwg.js Wed May 29 10:08:52 2013 +0200 +++ b/js/mpiwg.js Wed May 29 11:11:26 2013 +0200 @@ -18,15 +18,16 @@ }, opts); var url = settings.dataUrl + ' ' + settings.dataSel; var $slider = this; - var sliderW = this.width() - 2 * settings.buttonWidth; + var winW = this.width() - 2 * settings.buttonWidth; var sliderH = this.height(); this.load(url, function () { var $window = $slider.find(settings.windowSel); + var $content = $slider.find(settings.contentSel); // fix window width and height and hide overflow - $window.css({'width':sliderW, 'height':sliderH, 'margin':'0 '+settings.buttonWidth, + var winH = $content.height(); + $window.css({'width':winW, 'height':winH, 'margin':'0 '+settings.buttonWidth, 'overflow':'hidden', 'position':'relative'}); // content will be moved - var $content = $slider.find(settings.contentSel); $content.css({'position':'absolute', 'left':'0'}); $slider.find('.slidebutton.prev').show().on('click', function () { $content.animate({'left':'+='+settings.scrollBy}, 'fast');