Slider效果,也称“滑动门”目前在网站上应用比较广泛,通常都是基于Javascript+CSS来实现的,jQuery流行以后,也相继出现不少基于jQuery框架的优秀作品,很容易就可以Google到。
今天给大家推荐一款客户端软件 WOWSlider,可以很方便的生成Slider效果,官方网站地址为 www.wowslider.com , 单击这里 可以查看众多示例,单击这里 下载该软件的免费版本,从官方下载频道可以看到还有付费版本,功能可能更多,一般用来免费版本即可。
下面我们看下该软件的使用:
1.下载安装;
2.设置界面语言为中文,通过 菜单项 “Option > Language >Chinese”即可;
3.添加需要切换显示的多张图片,可以将图片直接拖入窗口或是单击“+”按钮选择;
4.设置基本属性,单击“相册 > 属性”菜单项,进入界面,设置标题、是否自动播放、是否显示翻页按钮、是否显示说明等选项;
5.设置尺寸及图片切换效果,单击工具栏“图片”标签设置尺寸大小,图片切换效果等。(注意,此界面有个复选框“水印 ”Watermark 呈勾选状态,如果是免费版,是没办法取消勾选的,解决办法见下文);
6.发布,工具栏切换到“发布”项,选择目标文件夹,点“发布”即可将生成好的Slider效果生成网页并打开。
生成的网页及效果,会包含以下资源文件:
index.html :效果网页
data1 目录:包含生成以后的图片
engine1 目录:
–>arrow.png :翻页箭头
–>jquery.js :jQuery框架脚本
–>style.css :样式文件
–>wowslider.js :效果脚本文件
以上资源文件,可以放入自己的站点,位置和名称可以重新组织,但必须确保网页引用的位置正确。
关于水印,默认情况下,免费版本会在生成的效果右下角自动添加wowslider.com的水印。如果想取消,可以使用以下方法之一
1.购买付费版本
2.破解。今天在Youtube找到有破解的视频,可以自己搜索破解版本
3.变通的办法:生成效果完毕后,可以制作几张同尺寸的图片替换掉生成的图片,如果在浏览时还会通过脚本自动生成,则可以找到生成的wowslider.js文件内,查找到“wowslider.com”替换为空文本“”。
17 四
0 Comments