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');