我正在尝试实现jquery图像工具提示http://cssglobe.com/easiest-tooltip-and-image-preview-using-jquery/。我正在尝试实现插件,当鼠标悬停在链接上时显示图像。但是如果图像尺寸很大,这似乎无法正常工作。可以任何人帮助我将任何图像拟合成一个小的可视尺寸,而不会失去图像的纵横比和插件的功能
答案 0 :(得分:1)
通过添加#screenshot
(将250更改为您想要允许的最大宽度)来扩展max-width:250px
规则
然后添加规则
#screenshot img{max-width:100%;}
因此图像将缩小以适合容器。
这适用于第三个插件。第二个插件使用不同的id
作为工具提示/预览,因此您应该分别使用#preview
和#preview img
定位工具提示和img。
另一个选择是为工具提示创建缩小版图像,以便最大限度地减少浪费的带宽。