Mercurial > hg > MPIWGWeb
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 () { |