Автор Тема: Адаптивность плитки  (Прочитано 479 раз)

kak2z

  • Administrator
  • Full Member
  • *****
  • Сообщений: 113
    • Просмотр профиля
Адаптивность плитки
« : 22 Январь 2017, 19:36 »
function avaresize(){
if(document.getElementsByClassName) {

getElementsByClass = function(classList, node) {   
return (node || document).getElementsByClassName(classList)
}

} else {

getElementsByClass = function(classList, node) {
var node = node || document,
list = node.getElementsByTagName('*'),
length = list.length, 
classArray = classList.split(/\s+/),
classes = classArray.length,
result = [], i,j
for(i = 0; i < length; i++) {
for(j = 0; j < classes; j++)  {
if(list[i].className.search('\\b' + classArray[j] + '\\b') != -1) {
result.push(list[i])
break
}
}
}

return result
}
}

var width_div = document.getElementById('top_ava').clientWidth;
var nums_ava = parseInt(width_div/140);
var new_width = (width_div / nums_ava) - 10;

var elems = getElementsByClass('kak2z_top_ava');
for (var i = 0; i < elems.length; i++){
elems[i].style.width = new_width + 'px';
}

//kak2z_top_ava
// console.log(elems);
// console.log(new_width);
// console.log('hi');
}

window.onload = avaresize;
window.onresize = avaresize;

kak2z

  • Administrator
  • Full Member
  • *****
  • Сообщений: 113
    • Просмотр профиля
Re: Адаптивность плитки
« Ответ #1 : 23 Январь 2017, 16:35 »
тоже самой на JQuery
function avariseze(){
var width_div = $('#top_ava').width();
var nums_ava = parseInt(width_div/140);
var new_width = (width_div / nums_ava) - 10;


// $('.kak2z_top_ava').width(new_width);
$('.kak2z_top_ava').css( 'width', '' + new_width + 'px' );
};

$(function(){avariseze();});
$(window).resize(function(){avariseze();});