谁有这样的显示图片效果代码

<div id="showimg" style="overflow:hidden;text-align:center;position:absolute;background:#fff;width:700px;height:550px;z-index:1001;">
      <div id='smallpic' style="overflow:auto;margin-left:20px;width:150px;height:500px;background:#D2EDF6;float:left;display:inline;">
         <ul style="list-style:none;">
          <li><img src="1.jpg" style="width:90px;height:90px;" onclick="showbig(this.src);"></img></li>
          <li><img src="2.jpg" style="width:90px;height:90px;" onclick="showbig(this.src);"></img></li>
          <li><img src="3.jpg" style="width:90px;height:90px;" onclick="showbig(this.src)"></img></li>
          <li><img src="4.jpg" style="width:90px;height:90px;" onclick="showbig(this.src)"></img></li>
          <li><img src="5.jpg" style="width:90px;height:90px;" onclick="showbig(this.src)"></img></li>
         </ul>
      </div>
      <img id='bigpic' style="float:right;width:500px;heigth:500px;margin-right:20px;"src="1.jpg"></img>
    </div>
    <script>
    function showbig(obj){
         document.getElementById('bigpic').src=obj;
        };
    </script>