Closed desmond86 closed 10 years ago
Hi,
The plugin does not currently support fluid row height. However, you can achieve this very easily using updateOption
method. Check this fiddle : http://jsfiddle.net/h7kxC/ (try to resize the viewport)
I just created a function which check the current window width and update the plugin's row_height
:
function checkWidth() {
if($(window).width() < 680){
nt.newsTicker('updateOption','row_height','24');
$('.newsticker').height(48);
}
else {
nt.newsTicker('updateOption','row_height','48');
$('.newsticker').height(92);
}
};
This function is called on document ready.
Additionally, don't forget to call it on resize
event :
$(window).resize(checkWidth);
or use the "hasMoved" option like this for dynamic height: hasMoved: function(){ var visibleHeight = $('.newsticker li:visible').height(); visibleHeight = visibleHeight - 1; $('.newsticker').animate({'height': visibleHeight}, 100); } and also add this to the resize function
Hi there, I am using the example 'nt_example1' to create a news ticker. Is it possible to customize row_height dynamically according to the screen resolution? For example, if the screen resolution 1024px, the row_height is set to be 100px. However, if the screen resolution is smaller than that, I would need around 150px for the row_height. Is there any way to change it based on the screen resolution?
Or is it possible to adjust the row_height according to the size of the content?