JQuery easyslider小例子

jsp页面：

导入css和js

<link rel="stylesheet" type="text/css" media="screen" href="<%=path %>/easyslide/es.css" />
<script type="text/javascript" src="<%=path %>/easyslide/jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="<%=path %>/easyslide/jquery.myslide.js"></script>

执行函数

<script>
$(document).ready(function(){
$.init_slide('imgstore','showhere',1,1,1000,1,5000,1);

});
</script>

页面元素

<div id=showhere align=center></div>
<div id=imgstore style="display:none">    
<img src="<%=path %>/easyslide/img/img/00031.jpg" title="Howe Bay">

<img src="<%=path %>/easyslide/00032.jpg" title="Orange Morning" >

<img src="<%=path %>/easyslide/00033.jpg" title="Red Leaves">

<img src="<%=path %>/easyslide/00034.jpg" title="waterscape">

<img src="<%=path %>/easyslide/00035.jpg" title="Clashing Fronts">

<img src="<%=path %>/easyslide/00036.jpg" title="Autumn Mist">

<img src="<%=path %>/easyslide/00037.jpg" title="Desert dry 1">

<img src="<%=path %>/easyslide/00038.jpg" title="Ferns 2"></div>