Я использую немного javascript, который проверяет все мои изображения по их ширине и добавляет класс в зависимости.Код Javascript работает только после обновления страницы, а не первого просмотра
Это выглядит следующим образом:
$(document).ready(function(){
// check each image in the .blogtest divs for their width. If its less than X make it full size, if not its poor and keep it normal
var box = $(".blogtest");
box.find("img.buildimage").each(function() {
var img = $(this), width = img.width();
if (width >= 700) {
img.addClass("buildimage-large");
} else if (width < 700) {
img.addClass("buildimage-small");
}
});
});
Проблема в том, что изображения не имеют класс добавил к ним при первом посещении страницы, а они работают только тогда, когда вы обновите страницу.
Любое исправление для этого?
@ zer02 медиа-запросы не помогут с шириной изображения – kinakuta