jquery masonry Размер изображения

Question

Это то, что у меня есть, однако, изображение сжато, чтобы оно соответствовало размеру ширины текста. Независимо от того, какой размер я укажу в html, он не изменяется. Какой-нибудь свет по этому поводу?

$('#append').click(function(){ 
    var $boxes = $('<div class="box">'+balls($iterator)+'</div>'); 
    $container.append($boxes).masonry('appended', $boxes); 

}); 


function balls($i){ 
    $iterator += 1; 
    return '<p>'+$test[$iterator][1][2]+'</p><p><img src="'+$test[$iterator][2]+'" alt="'+$test[$iterator][1][2]+'" height="196" width="319"></a></p>'; 
} 

Answer 1

Если это срабатывать с imagesLoaded плагин? От masonry site

"If your content contains any images, you’ll want to ensure that Masonry is triggered after all the images your content has loaded"

Попробуйте

$container.append($boxes).imagesLoaded(function(){$container.masonry('appended', $boxes);});