多图展示滑动过渡效果

<base href='http://demo.rexsong.com/200508/image_glide/'> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>ß | Fyrebase™</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="imagetoolbar" content="no" /> <style type="text/css" media="screen">@import url("base.css");</style> <script type="text/javascript" language="javascript"> var thumbCount = 4; </script> <script type="text/javascript" language="javascript" src="base.js"></script> </head> <body> <dl id="pNav"> <dt><img src="http://demo.rexsong.com/200508/image_glide/images/logo_fyrebase.gif" width="190" height="58" alt="Fyrebase.com Logo" /></dt> <dd>Paparazzi Kings</dd> <dd>Aadree</dd> <dd>Cloud 9</dd> <dd>Vin Australis</dd> <dd>David K Difference</dd> </dl> <dl id="content"> <dt> <span id="zoom"><img id="zoom0" src="http://demo.rexsong.com/200508/image_glide/ss_lrg_pk0.jpg" width="514" height="432" alt="" /><img id="zoom1" src="http://demo.rexsong.com/200508/image_glide/ss_lrg_pk1.jpg" width="514" height="432" alt="" /><img id="zoom2" src="http://demo.rexsong.com/200508/image_glide/ss_lrg_pk2.jpg" width="514" height="432" alt="" /><img id="zoom3" src="http://demo.rexsong.com/200508/image_glide/ss_lrg_pk3.jpg" width="514" height="432" alt="" /></span> <script type="text/javascript" language="javascript"> document.getElementById('zoom').style.left = -514 + 'px'; document.getElementById("zoom1").style.visibility = "hidden"; document.getElementById("zoom2").style.visibility = "hidden"; document.getElementById("zoom3").style.visibility = "hidden"; </script> </dt> <dd><img id="thumb0" src="http://demo.rexsong.com/200508/image_glide/ss_sml_pk0.jpg" width="106" height="106" alt="" /><script type="text/javascript" language="javascript">document.getElementById("thumb0").style.visibility = "hidden";</script></dd> <dd><img id="thumb1" src="http://demo.rexsong.com/200508/image_glide/ss_sml_pk1.jpg" width="106" height="106" alt="" /><script type="text/javascript" language="javascript">document.getElementById("thumb1").style.visibility = "hidden";</script></dd> <dd><img id="thumb2" src="http://demo.rexsong.com/200508/image_glide/ss_sml_pk2.jpg" width="106" height="106" alt="" /><script type="text/javascript" language="javascript">document.getElementById("thumb2").style.visibility = "hidden";</script></dd> <dd class="last"><img id="thumb3" src="http://demo.rexsong.com/200508/image_glide/ss_sml_pk3.jpg" width="106" height="106" alt="" /><script type="text/javascript" language="javascript">document.getElementById("thumb3").style.visibility = "hidden";</script></dd> </dl> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]