这个幻灯片我只在IE8和世界之窗浏览器测试过,都没有问题
相关的文件都放在temples文件夹里面,分images,js和uploads三个文件夹,及Slide.html
images里面的css我删掉了没必要的样式
js里的两个js文件因时间关系,没有去删除无关的代码
大家直接上传就是了,或是有时间的话可以自己删减~~~
本人制作的网站都使用了这个幻灯片,效果还不错,希望大家能够喜欢。
不足之处,还请大家多提宝贵意见!
注:此幻灯片代码
<ul id="sliderContent">
<li class="sliderImage"><a href="/" target="_blank"><img src="uploads/allimg/090831/10.jpg" alt="图片" /></a><span class="title"><i>图片</i></span></li>
<li class="sliderImage"><a href="/" target="_blank"><img src="uploads/allimg/090831/11.jpg" alt="图片" /></a><span class="title"><i>图片</i></span></li>
<li class="sliderImage"><a href="/" target="_blank"><img src="uploads/allimg/090831/12.jpg" alt="图片" /></a><span class="title"><i>图片</i></span></li>
<li class="sliderImage"><a href="/l" target="_blank"><img src="uploads/allimg/090831/13.jpg" alt="图片" /></a><span class="title"><i>图片</i></span></li>
<li class="sliderImage"><a href="/" target="_blank"><img src="uploads/allimg/090831/14.jpg" alt="图片" /></a><span class="title"><i>图片</i></span></li>
</ul>
看上去是显示5张图片的,但是这里还会有点问题,就是添加的最后一张图片不会显示,所以在使用时,要显示的图片数量一般要“+1”,既要多一张多余的图片的代码位置。
就像上面的代码一样,最后一图片的链接是空的,根本没有14.jpg这张图。
我还是菜鸟,如果高手路过,不要见笑~~