需要图像在 HTML 页面中的鼠标悬停时最大化答案

【问题标题】：Need Images to maximize on mouseover in HTML pages需要图像在 HTML 页面中的鼠标悬停时最大化
【发布时间】：2009-10-28 02:41:43
【问题描述】：

我在表格中有缩略图图像，鼠标悬停在图像上，我应该得到炸毁的图像，而在鼠标移出时，它应该是正常的缩略图。我什至需要在单击 Blowup 图像时导航。请指导我如何使用 javascript 或使用 CSS 的代码

我需要一些在这个网站上的东西：link text

【问题讨论】：

【解决方案1】：

看看 jQuery 插件，你大概可以配置 ThickBox 插件？

【讨论】：

【解决方案2】：

或者纯 CSS 实现，但在 IE6 上不起作用。 CSS Light Box

【讨论】：

【解决方案3】：

问题：你有两张照片吗？一个用于缩略图一个用于放大图片？还是只有一张改变大小的图像？你希望它逐渐最大化还是立即变大？

对于第一种情况，只需：

function mouseOverFun() {
document.getElementById('imageName').src = "largeImage.jpg";
}  // just do the reverse for mouseOut event.

对于第二种情况，如果逐渐放大，请查看 jQuery。如果没有，只需更改元素大小即可。

【讨论】：

【解决方案4】：

jQuery 或任何其他 Javascript 库都有很多东西可以用来制作精美的画廊。

试试这个网站：

看看演示页面；您正在寻找的优秀创意。

【讨论】：