您的位置:首页 > Web前端 > Vue.js

imageVue的Slideshow模块使用技巧

2007-02-12 00:00 513 查看
Slideshow模块可以用幻灯片的形式展示你的图片,该模块功能强大。本文将介绍如何利用Slideshow在选择某个分类之前用幻灯片的形式展示自己设定好的图片。语言描述可能不太直观,具体效果请看我的相册

下面我介绍一下这种效果的实现方法,在开始之前请大家检查一下自己的imageVue相册目录中是否有slideshow.swfslideshow.ini这两个文件,如果没有上述文件,请从这个http://www.mycodes.net/soft/6156.htm链接中下载一个imageVue相册(含有slideshow模块)。

第一步:
打开config.ini文件,找到startimage =这行,将其后面的值修改为slideshow.swf,slideshow.ini,修改好之后保存即可。

第二步:
打开slideshow.ini文件,其中有两个参数,pathinterval,其中path表示存放展示用图片的目录名,而interval表示图片转换的间隔时间,单位是秒。上述参数请根据自己的情况修改,修改好之后保存即可。

第三步:
拷贝用于展示的图片到你第二步中设定好的图片存放目录中。建议将用于展示的图片大小修改为640x380,这样不仅可以加快显示速度,而且防止图片过大imageVue自动截取图片的一部分显示(不一定是你想要的那部分)。

OK,经过上述三步后,你的imageVue相册也可以实现我那样的效果了。

您可能感兴趣的文章:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息