jquery工具提示图像预览不适合大尺寸图像

时间:2015-01-15 15:31:34

标签: jquery

我正在尝试实现jquery图像工具提示http://cssglobe.com/easiest-tooltip-and-image-preview-using-jquery/。我正在尝试实现插件,当鼠标悬停在链接上时显示图像。但是如果图像尺寸很大,这似乎无法正常工作。可以任何人帮助我将任何图像拟合成一个小的可视尺寸,而不会失去图像的纵横比和插件的功能

1 个答案:

答案 0 :(得分:1)

通过添加#screenshot将250更改为您想要允许的最大宽度)来扩展max-width:250px规则 然后添加规则

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

因此图像将缩小以适合容器。

这适用于第三个插件。第二个插件使用不同的id作为工具提示/预览,因此您应该分别使用#preview#preview img定位工具提示和img。


另一个选择是为工具提示创建缩小版图像,以便最大限度地减少浪费的带宽。