jquery masonry圖像大小

這是我目前所擁有的，但是，圖像被壓縮以適應文本寬度的大小。不管我在html中指定什麼大小，它都不會改變。關於這件事情的任何亮光？jquery masonry圖像大小

$('#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>'; 
}

enter image description here

來源

2012-06-22 Adola

我沒有看到在'球（I $）'return語句開錨標記，但是存在着密切的標籤''。這是一個錯字嗎？ –

噢，是的。這不會影響它，雖然吧？ – Adola

我更新了我的OP，以反映發生了什麼。 – Adola

如果這與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);});

來源

2012-06-22 09:59:29

我沒有發佈我的所有代碼，我上面有這個： var $ container = $（'＃container'）; $ container.imagesLoaded（函數（）{ \t \t $ container.masonry（{ \t \t \t itemSelector： '.box的'， \t \t \t columnWidth時：100， \t \t \t isAnimated：Modernizr.csstransitions \t \t}）; \t}）; 其中，我認爲是同樣的事情。 – Adola

而我只是試着修改我的路線，讓它符合你的要求，沒有任何改變。這是HTML簡單的東西嗎？或者這是砌體的限制？ – Adola

發佈您的相關完整代碼以嘗試。 –

jquery masonry圖像大小

回答

相關問題