多语言展示
当前在线:1605今日阅读:27今日分享:41

图片幻灯效果的制作方法

在网站或博客中,一组图片用幻灯片的效果来显示,不仅形成了动态效果,而且增强了艺术效果,给人以变换的美。会动画制作的很容易做到,不会的也可用代码制作。试试看?
工具/原料
1

代码

2

自己的网站或博客

方法/步骤
1

先准备几张图片,多少视表现主题的需要。本文用3张图片举例。

2

要取得这些图片的网址。如果是硬盘原始图片,需将这几张图片上传到网站或博客,然后分别右击图片,点“属性”,复制图片地址。得到几张图片地址后,可暂放在“记事本”备用。如果是网上现有图片,直接右击点“属性”复制图片地址。

3

进入网站或博客后台编辑器,并使之处于代码编辑状态,将下列代码贴入:

4

这组代码的关键是图片的显示方式,也就是“type”的值。上边举例涉及ellipseWipe(中间小圆向外扩大)、ClockWipe(像扇子一样旋转打开)和snakeWipesnakeWipe(蛇形状打开)。

5

上边举例是3张图片,如果图片还多,每增加一张图片增加一组代码:注意:1.添加到最后“

”这组代码之前;2.显示方式type要改。

6

如配上音乐,效果会更好。可采用一些大视频网站适合内容的html代码,进行去广告、自动播放、隐藏处理。

注意事项

一些博客不支持这类代码,不显示,这不是代码编辑问题。