jQuery的工具提示圖像預覽不適合與大尺寸的圖像

Question

我想實現jQuery圖像工具提示http://cssglobe.com/easiest-tooltip-and-image-preview-using-jquery/。我試圖實現插件顯示圖像時鼠標在鏈接上。但這似乎並沒有工作正常圖像是大size.Can任何人的幫助我沒有鬆動的圖像的高寬比和該插件的功能配合任何IMAG成小尺寸可視

Answer 1

通過添加max-width:250px（變化250擴展#screenshot規則到最大寬度你想允許）
然後添加規則

#screenshot img{max-width:100%;} 

所以圖像將縮小以適應容器。

這適用於第3個插件。第二個插件使用不同的id作爲工具提示/預覽，因此您應該分別使用#preview和#preview img來定位工具提示和img。

---

另一個選項是爲工具提示創建縮小版本的圖像，以最大限度地減少浪費的帶寬。