comparison js/mpiwg.js @ 117:aaa2609ea97d

added minHeight to AJAX slider.
author casties
date Wed, 29 May 2013 11:29:02 +0200
parents f2be4e850d0c
children 4f522104ca62
comparison
equal deleted inserted replaced
116:f2be4e850d0c 117:aaa2609ea97d
11 var settings = $.extend({ 11 var settings = $.extend({
12 dataUrl : null, 12 dataUrl : null,
13 dataSel : '', 13 dataSel : '',
14 windowSel : 'div.slidewindow', 14 windowSel : 'div.slidewindow',
15 contentSel : 'div.row', 15 contentSel : 'div.row',
16 minHeight : 0,
16 buttonWidth : '20px', 17 buttonWidth : '20px',
17 scrollBy: '100px', 18 scrollBy: '100px',
18 }, opts); 19 }, opts);
19 var url = settings.dataUrl + ' ' + settings.dataSel; 20 var url = settings.dataUrl + ' ' + settings.dataSel;
20 var $slider = this; 21 var $slider = this;
22 var sliderH = this.height(); 23 var sliderH = this.height();
23 this.load(url, function () { 24 this.load(url, function () {
24 var $window = $slider.find(settings.windowSel); 25 var $window = $slider.find(settings.windowSel);
25 var $content = $slider.find(settings.contentSel); 26 var $content = $slider.find(settings.contentSel);
26 // fix window width and height and hide overflow 27 // fix window width and height and hide overflow
27 var winH = $content.height(); 28 var winH = Math.max($content.height(), settings.minHeight);
28 $window.css({'width':winW, 'height':winH, 'margin':'0 '+settings.buttonWidth, 29 $window.css({'width':winW, 'height':winH, 'margin':'0 '+settings.buttonWidth,
29 'overflow':'hidden', 'position':'relative'}); 30 'overflow':'hidden', 'position':'relative'});
30 // content will be moved 31 // content will be moved
31 $content.css({'position':'absolute', 'left':'0'}); 32 $content.css({'position':'absolute', 'left':'0'});
32 $slider.find('.slidebutton.prev').show().on('click', function () { 33 $slider.find('.slidebutton.prev').show().on('click', function () {