谁能告诉我这种效果怎么实现啊？点一下左边的产品图片，右边就会显示一张大的产品图片？我想了好久了，一直都没有实现。

<img onclick="document.all.divId.innerHTML='<img src=product.gif>'">
右边放个DIV
<DIV id='divid'></div>

解决方案 »

  1.   

    <img src="小图.gif" onclick="document.all.bimg.src='大图.gif'"><br><img name='bimg' src='' width='400' height='300' border='0' alt="庆典及左侧的小图浏览大图">
      

  2.   

    为什么我用PHP读出数据库中的小图片就不行呢？小图已经显示出来了，但点了没反应。
    <img src="<?echo $myrow[smallpic];?>" width="185" height="128" border="0" onclick="document.all.bimg.src='pic/home.gif'"> 
    <img name='bimg' src='' width='400' height='300' border='0' alt="庆典及左侧的小图浏览大图">
      

  3.   

    这是我前段时间刚做好一个点小图显大图的PHP模板文件，
    是能过gd来读取小图，点小图显示的功能。
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    </head><body>
     <a href="index.php">First page
     <script language="javascript">
     </script>
     </a>
     <script language="javascript"><!-- 
    function clickthis(name,url){
    name.style.borderColor = "";
    showimage.src = url;
    }
    function onmouse(name){
    if(name.style.borderColor == "#ff0000"){
    if(name.style.borderColor != "")
    name.style.borderColor='#0000ff';
    }else{
    if(name.style.borderColor != "")
    name.style.borderColor='#ff0000';
    }
    }
    // -->
    </script>
    <table width="100%"  border="0" cellpadding="5" cellspacing="1" bgcolor="#0099CC">
      <tr bgcolor="#FFFFFF">
        <td width="90" valign="top">
    <!-- BEGIN imagelist -->    <input type="image" src="resizeimage.php?srcfile={imageurl}" width="90" height="90" style="border: 2px solid #FF0000; " onMouseOver="onmouse(this)" onMouseOut="onmouse(this)" onclick="clickthis(this,'{imageurl}')">
    <!-- END imagelist --> </td>
        <td valign="top"><img name="showimage" src="{firstimage}"></td>
      </tr>
    </table>
    </body>
    </html>
      

  4.   

    <img src="<?echo $myrow[smallpic];?>" width="185" height="128" border="0" onclick="document.all.bimg.src='pic/home.gif'"> 
    <img name='bimg' id='bimg' src='' width='400' height='300' border='0' alt="庆典及左侧的小图浏览大图">
    要设一下IMG的ID
      

  5.   

    kingerq(多菜鸟) ，那个模板怎么用？
      

  6.   

    <table width="100%"  border="0" cellpadding="5" cellspacing="1" bgcolor="#0099CC">
      <tr bgcolor="#FFFFFF">
        <td width="90" valign="top">
    <!-- 下面部分重复就可以了，换掉图片 -->
       <input type="image" src="abc.gif" width="90" height="90" style="border: 2px solid #FF0000; " onMouseOver="onmouse(this)" onMouseOut="onmouse(this)" onclick="clickthis(this,'abc.gif')">
    <!-- 重复结束 -->
    </td>
        <td valign="top"><img name="showimage" src=""></td>
      </tr>
    </table>
      

  7.   

    晕倒。这个是普通页面呀～我认为点击以后页面已经切换了～没有什么大图变小图，小图变大图 @_@———————————————引用—————————————————
    我想知道的是怎么能点了左边的小图后就显示出右边的大图啊。问了好多个论坛了，没人说得出来啊。
    ——————————————我在其他论坛已经看到你的提问了，也就是这几个字CC CV ~如果我说错了请批评我～