Css：從單獨的文件懸停時顯示較大的圖像（質量更好）

因此，當用戶將鼠標懸停在縮略圖上時，顯示一個更大（質量更好的圖像）的想法。不是它點擊時鏈接到的全尺寸版本，但仍然是一個顯示更多細節的大小，但它並不會增加我的頁面加載時間，使我的圖庫堆積不平。Css：從單獨的文件懸停時顯示較大的圖像（質量更好）

更好的是，如果它可能只有圖像加載在鼠標懸停，而不是預加載時頁面加載，因爲這將阻礙我的速度努力。

這會很難嗎？

老實說，我會尋找其他方法來提高性能。我覺得你想要的不僅是棘手，而且對可用性不利。但這一切都取決於你展示的是什麼以及如何展示。您是否研究過針對網絡優化圖像的方法？ – belens

我的圖像通常只是縮略圖鏈接到大版本，所以沒有速度損失問題。您認爲可用性會受到哪些影響？懸停時的圖像可能只有20左右。 – Techagesite

您可以使用CSS輕鬆完成此操作，使用background: transparant url('') no-repeat;懸停操作：http://jsfiddle.net/stidged/DqCcP/。我對JS插件不熟悉這些，但我確定他們在那裏！

我的觀點是，當你請求一個非預加載的圖像時，你有一個簡短的實例，低分辨率圖像消失了，並且更好的請求被加載，當它沒有被高速緩存時閃爍一次。精靈可以彌補那些帶有懸停狀態的圖標的瑕疵印象。誠然，這不是世界末日，但它並不理想。

哦，如果您對性能感興趣，您可能需要查看Chrome的PageSpeed擴展程序以瞭解您的網站的效果。它也進行圖像優化分析，如果還有改進空間，可以直接從插件獲取優化圖像。此外，閱讀圖像格式和最佳Photoshop質量設置可以幫助您節省一些珍貴的千字節而不降低用戶體驗。

這是否回答你的問題？

2013-04-12 06:21:27 belens

即時通訊不知道該怎麼做 – Techagesite

jsfiddle不清楚？你不明白什麼？ – belens

回答