# HG changeset patch # User casties # Date 1369818686 -7200 # Node ID f2be4e850d0c165892a8649120bdd63baf8edae6 # Parent 014efa0923be28bd5495565d8c07ea76a1a9ef43 AJAX slider takes height of loaded content. diff -r 014efa0923be -r f2be4e850d0c js/mpiwg.js --- 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');