#images设置了margin值，并对内部的img设置了相对定位。#captions设置了用来显示图片标题的样式，注意我使用半透明的图片cap_bg.png作为背景图片，在IE6下不支持透明的png图片，所以你要进行相关的处理。接下来看滚动进度条和滑块的设置，都运用的定位和深度设置，为何要这样设置，只有大家去慢慢测试才会知道其中的奥妙。
引入jquery库和滑动js文件
引入jquery库和滑动js文件
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/imageflow.js"></script> 所有的js动作都在imageflow.js完成，我只做了略微的改动，大家可以直接使用。
现在可以看到效果了吧。但是还有问题：
图片连接地址如何获取？
最终的效果应该是点击当前展示的图片时，会连接到一个页面，用来展示该图片相关的详细信息。那么这个链接地址如何获取，大概在第252行开始有这样两行代码：
image.url = image.getAttribute("longdesc");
image.ondblclick = function() { document.location = this.url; }
可以看出，图片的链接地址来源于它的属性：longdesc，当单击图片的时候，页面将会跳转到相应的地址页面。好现在我们回到刚开始的XHTML代码，只需给每张图片指定longdesc属性，并将值设为对应的网页地址。如：
<img src="images/s1.jpg" alt="image1" longdesc="#" />
现在，任务算是完成了。看完本例你会发现，你根本不需要些一句jquery代码，因为imageflow都已经完成了所有的操作代码。
