jQuery拼貼加上寬度和高度

我正在試圖建立一個畫廊，我使用這個驚人的庫叫jquery.CollagePlus（https://github.com/ed-lea/jquery-collagePlus）。我最初沒有使用height和width屬性。它工作完美。jQuery拼貼加上寬度和高度

現在我想用height和width屬性指定。這是我的HTML：

<div class='album-photoss'> 
    <!-- - Photo.all.each do |p| --> 
    <!-- = image_tag small(p), width: p.small_version_width, height: p.small_version_height --> 
    <img height='150' src='http://deelay.me/3500?http://placehold.it/350x150/69D2E7/ffffff' width='350'> 
    <img height='180' src='http://deelay.me/2500?http://placehold.it/320x180/A7DBD8/ffffff' width='320'> 
    <img height='300' src='http://deelay.me/1500?http://placehold.it/320x300/E0E4CC/ffffff' width='320'> 
    <img height='500' src='http://deelay.me/4000?http://placehold.it/472x500/F38630/ffffff' width='472'> 
    <img height='360' src='http://deelay.me/3200?http://placehold.it/540x360/FA6900/ffffff' width='540'> 
    <img height='600' src='http://deelay.me/2000?http://placehold.it/800x600/ECD078/ffffff' width='800'> 
    <img height='120' src='http://deelay.me/1200?http://placehold.it/400x120/D95B43/ffffff' width='400'> 
    <img height='300' src='http://deelay.me/4500?http://placehold.it/300x300/C02942/ffffff' width='300'> 
    <img height='500' src='http://deelay.me/4500?http://placehold.it/320x500/542437/ffffff' width='320'> 
    <img height='300' src='http://deelay.me/4500?http://placehold.it/450x300/53777A/ffffff' width='450'> 
    <img height='360' src='http://deelay.me/3200?http://placehold.it/540x360/FA6900/ffffff' width='540'> 
    <img height='600' src='http://deelay.me/2000?http://placehold.it/800x600/ECD078/ffffff' width='800'> 
    <img height='120' src='http://deelay.me/1200?http://placehold.it/400x120/D95B43/ffffff' width='400'> 
    <img height='300' src='http://deelay.me/4500?http://placehold.it/300x300/C02942/ffffff' width='300'> 
    <img height='500' src='http://deelay.me/4500?http://placehold.it/320x500/542437/ffffff' width='320'> 
    <img height='300' src='http://deelay.me/4500?http://placehold.it/450x300/53777A/ffffff' width='450'> 
</div>

這裏是我的CoffeeScript：

$(document).ready -> 

    $(".album-photoss").removeWhitespace().collagePlus 
    fadeSpeed: 2000 
    targetHeight: 200

我只看到一個空白頁。經過檢查，我可以看到圖像已應用以下樣式：

<img height="150" src="http://deelay.me/3500?http://placehold.it/350x150/69D2E7/ffffff" width="350" style="height: 0px; margin-bottom: 0px; margin-right: 0px; display: inline-block; vertical-align: bottom; overflow: hidden; opacity: 1;">

任何人都可以請幫助我這一個？

來源

2014-03-19 Steve Robinson

-1

錯！

<img height='150' src='http://deelay.me/3500?http://placehold.it/350x150/69D2E7/ffffff' width='350'>

在這一行

http://deelay.me/3500?http://placehold.it/350x150/69D2E7/ffffff

I無效

HTTP：//deelay.me/3500？

校正

<img height='150' src='http://placehold.it/350x150/69D2E7/ffffff' width='350'>

樣式都寫在紙的jQuery

來源

2014-03-19 15:16:01 AvrilAlejandro

[deelay.me]（http://deelay.me）只有與圖像'.gif' – AvrilAlejandro

哥們請功能！還有誰？ –

插件作者在這裏。

您無法指定高度和寬度。該插件需要控制這些以便計算圖像所需的大小，以便精確地適合一行。

你可以指定高度，但設置targetHeight，但即使這樣也不能保證。你想達到什麼目的？

編輯：誤解了這個問題。事實上，如果您在圖像標籤中提供圖像大小，那麼該插件將使用它來計算行 - 而不是等待加載所有圖像，然後計算大小http://collageplus.edlea.com/example-size-in-tag.html

來源

2014-03-19 18:08:05 ed209

太謝謝你了！ –

大聲笑。按下Enter鍵。無論如何，我試圖展示近100張很重的圖片。我不想等到所有圖像都加載完畢。該文件說，如果我知道高度和寬度，插件將計算網格並在加載後逐一顯示圖像。這是我試圖達到的目標。 http://collageplus.edlea.com/example-size-in-tag.html –

jQuery拼貼加上寬度和高度

回答

相關問題