Могу ли я использовать Jquery для автоматического поиска и установки ширины и высоты различных изображений?

Question

Я использую плагин Masonry, и для его корректной работы с изображениями необходимо установить ширину и высоту внутри тега изображения Все высоты изображения будут различаться, но ширина будет установлена ​​на 200 пикселей.

Есть ли способ для Jquery определить высоту каждого изображения и установить его высоту? Таким образом, мне не нужно устанавливать высоту каждого изображения.

Имеет ли это смысл?

Надеюсь, кто-то может помочь! Я новичок в Jquery.

Answer 1

Да, вы можете использовать пользовательские селекторы jquery, например, такие:

//Add custom selector that returns all objects taller than 200px
//See http://www.bennadel.com/blog/1457-How-To-Build-A-Custom-jQuery-Selector.htm
$.extend($.expr[':'], {
    over200pixels: function(a) {
        return $(a).height() > 200;
    }
});

//  Seclect all images taller than 200px
//  Set height to 200px using .css() method 
//  See http://api.jquery.com/css/ 
$('img:over200pixels').css("height","200px");

Кредит, при котором необходимо получить кредит: Советы и рекомендации jQuery

Демонстрационная версия онлайн: http://jsfiddle.net/hvq5m/