width =「」and「height」「img搞亂他們的知名度

-3

爲什麼我需要指定這個頁面上的圖像的寬度=」「和高度=」「，以使其正確顯示？沒有指定他們的變暗是不可見的。我可以讓這個我並不需要指定？width =「」and「height」「img搞亂他們的知名度

謝謝！

http://www.rollinleonard.com/elements/index-new.php

http://jsfiddle.net/ZTDjf/ -delete位在這個突出圖片：http://i.imgur.com/SquKx.png - 看看結果如何隱藏圖像？爲什麼？

來源

2012-07-02 Rollin

有屏幕截圖嗎？ – starbeamrainbowlabs

請發佈相關的代碼片段或創建一個jsfiddle，該頁面是一團糟，我無法找到顯示您所說的行爲的圖像。 –

starbeamrainbowlabs - Well，no ... http://i.imgur.com/SquKx.png – Rollin

我認爲jquery.hover_caption.js依賴於您爲圖像指定的寬度和高度。

它將採用寬度和高度值並應用於插件創建時的父DIV。

如果您不指定圖像的寬度和高度，插件將不知道它應該放到父div的高度/寬度。所以父div將有<div style="width: 0px; height: 0px;">

這就是爲什麼圖像不顯示。

看到下面的HTML標記：

<div style="width: 0px; height: 0px;"><h3 class="hover_caption_caption" style="padding: 0px; color: white; width: 0px; font-size: 18px; position: absolute; margin: 0px; display: none;">SPR scene 7.1 2011</h3><img title="SPR scene 7.1 2011" src="zzzthumbs/spr-scene7.1.jpg" style="z-index: -1; position: relative; font-weight: bold;"></div>

來源

2012-07-02 18:04:48

非常感謝你在這裏向這個傻子解釋問題是什麼！對不起，我沒有讓我的小提琴更簡潔。現在我知道了，有沒有辦法自動發現寬度和高度值，而無需單獨輸入它們？ – Rollin

我認爲，所有你需要做的就是運行中的「負荷」處理不是「準備」的插件。

<script> 
    $(window).load(function() { 
    $('img').hover_caption(); 
    }); 
</script>

當你在「ready」下運行它時，圖像將不會被加載，所以插件不會知道它們有多大。

來源

2012-07-02 18:09:47 Pointy

啊！這確實允許它們可見，但是隨後它打破了標題thingy的功能。謝謝你給我更多的工作。我會嘗試形成一個更完整的問題，並再次發佈。 – Rollin

width =「」and「height」「img搞亂他們的知名度

回答

相關問題