现在的位置: 首页 > 互联网络 > WP相关 > 正文

利用TinySlider添加幻灯片

2010-10-12 12:11 WP相关 ⁄ 共 470字 ⁄ 字号 评论 10 条

    在wordpress中加入幻灯片,之前已经介绍了两种方法,分别是用PHP显示随机图像wordpress中不同广告联盟随机显示,今天再介绍一种方法。

TinySlider介绍

    TinySlider 是一个只有1.5K左右的独立的滑动图片展示JS库,无需其他JS支持,可通过CSS来定制展示的外观,可展示的不仅仅是图片,同时该脚本还支持自动的旋转和恢复等功能。

    TinySlider 可以很容易通过 CSS 定义就集成到任何网站中,并且它不仅仅支持图片,而且支持任何内容,该脚本支持自动轮换,自动恢复到最初界面,支持导航栏,并且支持横向或者纵向轮换等等,功能非常强大。

关键步骤:首先下载TinySlider,该文件夹里有三个关键文件,分别是index.html、style.css、tinyfader.js,另有两个放置图片的文件夹。把样式文件整合到博客的style.css里,从index.html摘取核心代码到你要显示幻灯的地方,在头部文件里引入tinyfader.js,即可。

效果参见:求索阁顶部幻灯图片。

参考文献:Leigeber

目前有 10 条留言    访客:6 条, 博主:3 条 ,引用: 1 条

  1. 猪猪懒人窝 2010年10月12日 10:46 下午  @回复  Δ1楼 回复

    学习了 呵呵


    • 管理员
      明镜 2010年10月13日 8:58 上午  @回复  ∇地下1层 回复

      嗯,天天来啊~你空间蛮有特色的~!

  2. 途途 2010年10月13日 1:21 下午  @回复  Δ2楼 回复

    恩,这个方法好,学习一下~

  3. 园子 2010年10月16日 9:26 上午  @回复  Δ3楼 回复

    幻灯图片效果不错。


    • 管理员
      明镜 2010年10月16日 1:45 下午  @回复  ∇地下1层 回复

      嗯,这是目前感觉最满意的一个幻灯。

  4. 搏弈炒金团 2010年10月16日 4:50 下午  @回复  Δ4楼 回复

    我下载了TinySlider文件后,里面没有tinyfader.js这个,多了两个packed.js和script.js


    • 管理员
      明镜 2010年10月16日 10:59 下午  @回复  ∇地下1层 回复

      我前几天才下的,难道这么快就更改文件了 :?:

  5. bluehost 优惠码 2011年05月28日 2:44 下午  @回复  Δ5楼 回复

    好,学习了

外部的引用: 1 条

  • 求索·通讯:第6期 求索阁10月份进展与展望 « 求索阁

给我留言

留言无头像?