求js图片变换效果

Question

logo图片1 logo图片2 logo图片3
logo图片4 logo图片5
logo图片6 logo图片7 lgoo图片8 lgoo图片9　　　　商品描述大图片实现效果：鼠标移入或者点击左边的logo，右边变换为该logo的商品描述图片，鼠标移开logo，商品描述图片不变。

Answer 1

<img onmouseover="document.getElementById('bigImage').src=this.bigimg" bigimg="大图的url" drc="logo图片3" />

Answer 2

为每个logo图片加个onmouseover事件，让他改变商品大图片的src试试

Answer 3

<ul>
    <li><img src="logo1.jpg" name="logo" width="100" height="100" alt="品牌1"></li>
    <li><img src="logo2.jpg" name="logo" width="100" height="100" alt="品牌2"></li>
    <li><img src="logo3.jpg" name="logo" width="100" height="100" alt="品牌3"></li>
    <li><img src="logo4.jpg" name="logo" width="100" height="100" alt="品牌4"></li>
    <li><img src="logo5.jpg" name="logo" width="100" height="100" alt="品牌5"></li>
    <li><img src="logo6.jpg" name="logo" width="100" height="100" alt="品牌6"></li>
    <li><img src="logo7.jpg" name="logo" width="100" height="100" alt="品牌7"></li>
    <li><img src="logo8.jpg" name="logo" width="100" height="100" alt="品牌8"></li>
    <li><img src="logo9.jpg" name="logo" width="100" height="100" alt="品牌9"></li>
</ul>
<img src="big1.jpg" id="biglogo" alt="大图片"/>
<script type="text/javascript">
var img=document.getElementsByName("logo");
var big=document.getElementById("biglogo");
for(var i=0;i<img.length;i++){
    (function(n){
        img[n].onclick=function(){
            //如果是鼠标经过就用 onmouseover
            big.src="big"+n+".jpg";
        }
    })(i);
}
</script>

Answer 4

如果是改变src，当onmouserover时，大图会不会显示很慢，应该先把大图加载完吧，所以我觉得大图的数量与小图是一样的，然后大图应该是隐藏的（初始只显示出一张），然后js应该控制大图的显示和隐藏，而不是控制src

Answer 5

本帖最后由 net_lover 于 2012-09-21 10:37:19 编辑

  

Answer 6

<img onmouseover="show(this)" bigimgId="bigImageID1" src="logo图片1" />
<img onmouseover="show(this)" bigimgId="bigImageID2" src="logo图片2" /><img id="bigImageID1" style="display:none">
<img id="bigImageID2" style="display:none"><script>
var lastImage = null;
function show(x)
{
if(lastImage != null)
{
 lastImage.style.display="none"
}
document.getElementById(x.bigimgId).style.display="";
lastImage = document.getElementById(x.bigimgId)
}