Szerokość elementów uzależniona jest od szerokości okna (media queries). Jednak przy mniejszych szerokościach w jednej linii mieści się mniej elementów, przez co niektóre przechodzą do następnej linii. Jak zrobić, aby można było uzależnić ilość elementów ładowanych przez skrypt w zależności od aktualnej szerokości okna (definicja vis = x)?
Kod
var vis = 5;
$('.mask').slice(vis).hide();
var $more = $('<a href="#" id="load">Zobacz więcej</a>')
$more.click(function(e){
e.preventDefault();
$('.mask').removeClass('stoker');
$('.mask:hidden').slice(0,vis).addClass('stoker').slideDown(500, function() {
$('html, body').animate({
scrollTop: $('.stoker').offset().top -55
});
}
);
if($('.mask:hidden').length == 0)
$more.hide();
});
$('.folio').after($more);
$('.mask').slice(vis).hide();
var $more = $('<a href="#" id="load">Zobacz więcej</a>')
$more.click(function(e){
e.preventDefault();
$('.mask').removeClass('stoker');
$('.mask:hidden').slice(0,vis).addClass('stoker').slideDown(500, function() {
$('html, body').animate({
scrollTop: $('.stoker').offset().top -55
});
}
);
if($('.mask:hidden').length == 0)
$more.hide();
});
$('.folio').after($more);