Javascript/jQuery隨機調整負載圖片？

我不想爲我的圖像創建縮略圖，而是想在我的頁面中顯示原始圖像。出於觀看目的，我仍然需要調整這些圖像的大小，但不是在它們上面添加width:200px，而是想要在div容器中顯示每個圖像，但是從三個選項中隨機選擇大小。Javascript/jQuery隨機調整負載圖片？

這3種類型的div容器（因此圖像外觀）將有3種不同的尺寸，都具有相同的寬度。 300x100,300x200,300x400。

當然，刷新後，圖像現在可能有不同的大小。

我該怎麼做？

來源

2012-07-03 EnexoOnoma

設置每個高度是這樣的：

var heights = [100, 200, 400]; 
var height = heights[Math.ceil(Math.random()*3)-1];

我猜你會想通過集裝箱進行迭代...

var heights = ["100px", "200px", "400px"]; 
$(".container").each(function(i,e) { 
    var height = heights[Math.ceil(Math.random()*3)-1]; 
    $(e).css('height', height); 
});

來源

2012-07-03 04:08:24 McGarnagle

謝謝您的回答。我已經將它添加到http://jsfiddle.net/uJZzT/中，請你看一下嗎？ – EnexoOnoma

@Kaoukkos這裏的更新小提琴，希望可以幫助... http://jsfiddle.net/DMwnf/（我修正了一個錯誤 - 迭代器應該更新使用* css *，而不是* attr *。） – McGarnagle

我剛纔接受你的回答。再次感謝你。最後一個問題，如更多圖片顯示（http://jsfiddle.net/DMwnf/1/），將出現更多的空白空間。什麼是可以讓divs填補空白的方法？ – EnexoOnoma

Javascript/jQuery隨機調整負載圖片？

回答

相關問題