带/缩略图的多个图像查看器

Question

我想为我的网站创建一个简单的多图像查看器，我找到了代码的创建资源：

http://www.sohtanaka.com/web-design/css-multiple-image-viewer-thumbnails/

然而，我希望图像打开“鼠标悬停”，点击后我希望它转到另一个网站，所以使用此代码：

 <li><a href="javascript:void(0)" onclick="switch_product_img('photo_1', 3);"><img src="ARTofWAR_BLK(3).jpg" alt="Black" /></a></li> 

我从＆lt;中删除javascript吗？ a＆gt;标记并将其添加到＆lt; img＆gt;标签？我是一个新手，当谈到JavaScript，所以任何帮助将不胜感激

Answer 1

 <li>
    <a href="javascript:void(0)">
        <img src="ARTofWAR_BLK(3).jpg" alt="Black" onmouseover="switch_product_img('photo_1', 3);"/>
    </a>
 </li>