easyslider1.7-jquery图片滚动插件

发布于,归属于jquery插件5个座位已被强势霸占! 共有1,164人围观    

easyslider1.7

点此下载
这是一款相当不错的图片滚动插件,也可做幻灯片使用。当然我是不推荐其幻灯片方式,因为少了图片字幕,而且不算华丽。
实例包内含有三个实例,分别是:图片滚动方式、幻灯片方式、图片滚动+幻灯片方式。

我以第一个实例来简单说明下其使用方法:

建立如下html结构:

  1. <div id="slider">
  2.             <ul>               
  3.                 <li><a href="http://templatica.com/preview/30"><img src="images/01.jpg" alt="Css Template Preview" /></a></li>
  4.                 <li><a href="http://templatica.com/preview/7"><img src="images/02.jpg" alt="Css Template Preview" /></a></li>
  5.                 <li><a href="http://templatica.com/preview/25"><img src="images/03.jpg" alt="Css Template Preview" /></a></li>
  6.                 <li><a href="http://templatica.com/preview/26"><img src="images/04.jpg" alt="Css Template Preview" /></a></li>
  7.                 <li><a href="http://templatica.com/preview/27"><img src="images/05.jpg" alt="Css Template Preview" /></a></li>           
  8.             </ul>
  9.         </div>

结构非常简单,就是一个包含图片的列表

CSS文件不阐述,可看实例包里面的screen.css文件

初始化

  1. $(document).ready(function(){   
  2.             $("#slider").easySlider({
  3.                 auto: true,
  4.                 continuous: true
  5.             });
  6.         });
(如果您喜欢这篇教程,可以通过支付宝打赏我们1元哦,拜谢!)

跟作者说两句

:wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-? :) :( :!: 8-O 8)

5个座位已被强势霸占!

  1. 我想知道这个easyslider1.7-JQ图片滚动插件能用在WORDPRESS上吗?不知能指点一下不?谢谢!

  2. 如果能的话,可否写一下加入方式?谢谢!

  3. 明河共影

    可以啊,你只要使用wordpress的the_post()生成适用于easyslider的ul结构,由于输出的是图片,你的wordpress是2.9的吗?如果不是就要自己写输出图片代码(网上有教程),如果是2.9的可以直接输出小图

  4. 呵呵,可惜偶不会写,想问一下您能教一下不?比如把代码加在WP的什么文件上,我是2.9版本的,想知道JS与CSS怎么加上?谢谢指点.

    明河共影回复于 2010年02月06日 9:11

    你应该去wordpress的中文站了解下它的模板。需要把代码加到模板里面。