最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
不使用插件给WordPress添加幻灯片
时间:2015-07-24 编辑:简简单单 来源:一聚教程网
一些常见的网站都会有幻灯片,而且常在首页展示,这样网站就会显得高端大气很多。
峰尚今天给提供一个使用jQuery插件Orbit给wordpress添加幻灯片效果。
简介:
Orbit是一个设计良好并且容易使用的jQuery 图片滑动幻灯片插件,它除了支持图片滚动切换展示外,还支持针对内容的滚动。插件的定制性相当高,它提供了多个参数的设置,通过设置你可以将它打造成完全符合你要求的样式。 Orbit支持 IE7+, FF3.5+, Chrome、Safari 等浏览器,整个插件十分轻巧,仅仅4kb 左右,需要jQuery 1.5.1版本以上。
插件官方主页
使用方法:
下载地址:官方下载文件
下载解压后,将文件夹为orbit的放到WordPress 主题目录下或自定义路径。
1、主题加载jQuery 库,注意是要1.5.1 版本以上的。
2、首先将下面的代码放到主题的header.php中(建议加载方法):
css">
3、HTML 部分。幻灯片一般都是在首页加载的,对于WordPress 主题,可以通过if 语气判断是否在首页来写入html。
对于上面的代码,你需要做的很多。比如再添加一个幻灯片、比如链接的url、图片的路径等等,什么仅仅算是一个演示。
为了适合于你的主题,你可以通过orbit-1.2.3.css 修改相关代码自定义样式,比如宽高神马的。
而对于幻灯片的相关参数设置,你可以去查阅官方文档自行解决。
折腾这个需要你懂html、CSS,javascript 或者jquery 略懂一点就可以了,Jeff也是这样水平~jquery 插件就是方便,不一定要你看懂代码,会用就行。
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31