当我将鼠标悬停在图像显示到另一个 Div 或表格列中时？答案

【问题标题】：When I Mouse Hover Into An Image That Image Displays Into Another Div Or Table Colums?当我将鼠标悬停在图像显示到另一个 Div 或表格列中时？
【发布时间】：2014-04-13 18:24:40
【问题描述】：

我想要一个图片库。在左侧，所有缩略图都在那里。当我将鼠标悬停在缩略图上时，完整的图像将显示在左侧的 div 或表格中。所以请告诉我正确的代码或插件或任何东西。

图片库与http://www.rakindia.com/products.aspx?subcat=SW-0000702一模一样

请朋友们，我正在尝试 2 天后我找不到任何插件和代码。请帮我（我正在尝试多张图片）

【问题讨论】：

我的回答不符合你的需要吗？
这个问题根本没有任何意义“在左侧所有缩略图都在那里。当我将鼠标悬停在缩略图上时，整个图像将显示在左侧”

标签： javascript jquery html css image

【解决方案1】：

我会内联进行以节省开销。对于这样一个简单的请求，你不需要插件，甚至不需要 jQuery，而是纯 javascript。

演示http://jsfiddle.net/8U3C7/

在鼠标按下时交换src 图像

<img src="myFirstImage.jpg" onmousedown="document.swap.src='myFirstImage.jpg';" />

【讨论】：

嗨，谢谢你给我好的代码。还有一个是我不需要使用单个图像。我正在使用 asp.net 代码。以及我如何添加多个图像。假设在.net中我使用这样的代码 ' onmousedown="document.swap.src=' ';" runat="server" /> 但它不起作用。非常感谢你
如果您提供指向您网站的链接，我可以调查问题所在。
好的，先生，我在等你回复。非常感谢你。
您网站的地址是什么？
受客户端控制。他给一个公正的参考网站rakindia.com/products.aspx?subcat=SW-0000702 (RakIndia.com)

【解决方案2】：

虽然您没有清楚地解释自己，但这是给您的WORKING DEMO。下次尝试用英语更好地描述自己，并至少向人们展示你试图不要求简单解决方案的内容。只使用普通的 js 和 css。

 function updateIMG(e) {
        document.getElementById("preview").src = e;
    }

【讨论】：

rakindia.com/products.aspx?subcat=SW-0000702 看到这个网址。我想要完全一样。谢谢你
嗨，谢谢你给我好的代码。还有一个是我不需要使用单个图像。我正在使用 asp.net 代码。以及我如何添加多个图像。假设在.net中我使用这样的代码 ' onmouseover="updateIMG(this.src);" runat="server" /> 但它不起作用。非常感谢你

【解决方案3】：

试试这个插件，它与您的要求非常相似：Galleriffic

【讨论】：