当用户将鼠标悬停在我的缩略图上时，我想要显示更大（更高质量的图像）的想法。 不是它在点击时链接到的全尺寸版本，但仍然是一个显示更多细节的大小，因为它不会增加我的画廊堆的页面加载时间。
如果可能只在鼠标悬停时加载图像而在页面加载时不预加载，那就更好了，因为这会阻碍我的速度工作。
这难以做到吗？
答案 0 :(得分：1)
您可以使用CSS轻松完成此操作，并在悬停操作时使用background: transparant url('') no-repeat;：http://jsfiddle.net/stidged/DqCcP/。
我不熟悉JS插件来暗示其中任何一个，但我确定它们就在那里！
我的观点是，当你请求一个非预装的图像时，你有一个短的实例，其中低分辨率图像消失了，更好的一个被请求和加载，使它在没有缓存时闪烁一次。精灵可以解决悬停状态下图标的微弱印象。不可否认，这不是世界末日，但它不太理想。
哦，如果您对性能感兴趣，可能需要查看Chrome的PageSpeed扩展程序，了解您网站的运行情况。它也进行图像优化分析，如果有改进的余地，您可以直接从插件中获取优化的图像。此外，阅读图像格式和最佳的Photoshop质量设置可以帮助您节省一些宝贵的千字节，而不会降低用户体验。
这会回答你的问题吗？