我用圖像替換了一個url來創建放大鏡 - 現在不能正常工作

Question

我找到了一個關於如何通過在下面的鏈接上懸停圖片創建一個很酷的放大鏡的教​​程。我想用我自己的jpg替換他爲演示中的圖像提供的url。我創建了這些文件並獲得了效果。然後，我在他提供的url下載了他的iphone圖像，並用保存的jpg替換了url。圖像就像放大鏡盤旋在它上面一樣，但現在放大的圖像沒有出現。由於我想最終使用自己的jpg，因此我需要了解爲什麼放大圖像在換出url時不起作用。我認爲這與js有關，但我不確定。謝謝如果有人可以幫忙。

http://thecodeplayer.com/walkthrough/magnifying-glass-for-images-using-jquery-and-css3

Answer 1

沒有看到你的代碼，就很難徹底回答你的問題。然而，從查看網站上的代碼，我會假設你錯過了錯過更改其中一個網址（在HTML中有一個，在CSS中有另一個）或者在某處存在拼寫錯誤。

Answer 2

在CSS和html的

<img class="small" src="newimage.jpg" width="100"/> 

.large { 
    background: url('newimage.jpg') no-repeat; 
} 

http://jsfiddle.net/k8vx8dqs/1/