Java腳本問題 - 將圖像置於中心

我有一個圖像查看器，使用名爲「雲變焦」的js模塊。Java腳本問題 - 將圖像置於中心

它奇妙地工作，似乎正是我需要的。除！當我嘗試將IMG集中在div中時，它會擾亂觀衆。

這是我不幸的例子。翻轉圖像，你會看到鼠標和視圖不匹配。如果我要刪除IMG上的自動邊距樣式，它會正常工作。我只需要在div中間的圖像。

http://forumgallery.rollinleonard.com/test2.php

請幫幫忙！

2010-07-31 Rollin

這樣的事情似乎在IE8/Chrome中可以正常工作。

<div style="display:inline-block; margin: 0 auto 0 auto"> 
    <a href='/big.jpg' class='cloud-zoom' id='zoom1' rel=""><img src="/small.jpg" alt='' title="Optional title display" /></a> 
    </div>

來源

2010-07-31 06:26:32 WSkid

非常感謝你......我真的很希望在來這裏之前，我還沒有把頭撞在牆上好幾個小時。也許這是更好的我學會了所有的痛苦？一分耕耘一分收穫？我不知道...任何書籍建議，會讓我加快速度？ – Rollin 2010-07-31 06:41:45

我的工作場所與O'Reilly有一些企業折扣，所以我的書閱讀有點有限，但我已經使用了很多，但我已經使用了http://oreilly.com/catalog/9780596527334/ 。其中一個關鍵概念是塊模型（在這裏有所幫助），它有我遇到的更好的解釋之一。 – WSkid 2010-07-31 07:26:15

太好了。再次感謝。我會考慮拿到那本書。 – Rollin 2010-08-02 04:47:57

從IMG刪除自動保證金
添加自動緣至的標籤包圍IMG
設置的標籤，以顯示：inline-block的

來源

2010-07-31 06:03:58 babtek

謝謝你的迴應！我遵循你的指示，似乎和無所作爲一樣。這是什麼導致相信在頭部鏈接的js文件中的某些東西與它有關，但我無法弄清楚什麼。我已更新鏈接以包含您建議的更改。 http://forumgallery.rollinleonard.com/test.php還有什麼想法？再次感謝！ – Rollin 2010-07-31 06:22:35

對我來說，A標籤仍然顯示爲「display：block」，您需要將其設置爲「display：inline-block」 – babtek 2010-07-31 06:33:44

oooh，拍攝。謝謝！ – Rollin 2010-07-31 06:35:44

Java腳本問題 - 將圖像置於中心

回答

相關問題