网页添加幻灯片轮播图的三种方法
几乎每一个网站上都或多或少的存在着幻灯片,它可以让我们自己做网站后,整个网站处于动感状态。如何在学习怎么做网站时如何制作网站幻灯片呢?
根据幻灯片的型式不一样,除了使用幻灯片插件之外,我们提供三种幻灯片的代码供学员使用。
使用方法:
- 首先在自己做的网站的主题文件夹中的images文件夹中放入尺寸为960*240的图片四张;
- 下载JS文件包,并解压上传到网站主题文件夹下;点击下载JS文件包
- 下载幻灯片播放器,并上传到网站主题文件夹下;点击下载幻灯片播放器focus2
- 以下两句放<head>标签里面,需要补充完整路径
<SCRIPT language=JavaScript src="/js/comm.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript src="/js/swf.js" type=text/javascript></SCRIPT>以下一句放要放幻灯片的地方,需要补充完整路径
<SCRIPT src='/js/config.inc.js' type=text/javascript></SCRIPT>
2、可修改尺寸的幻灯片。尺寸为可调整, 适用于企业网站banner幻灯片和博客,商城网站使用。
使用方法:
- 在自己网站主题文件夹的images文件夹下放入自己需要的尺寸的图片2-4张;
- 下载JS和SWF安装包,解压后放在网站主题文件夹下;点击下载JS和SWF安装包
- 以下一句放要放幻灯片的地方,需要补充完整路径:
<script src="/object.js"></script>
- 修改objest.js中的播放器尺寸达到自己需要的幻灯片尺寸。
3、小尺寸的幻灯片。尺寸为360*240, 适用于门户网站幻灯片使用。
使用方法:
- 放入四张待循环滚动的图片,尺寸为360*240px;
- 将幻灯片所需要的JS和SWF文件上传到网站主题文件夹下;点击下载JS和SWF文件swf
- 以下一句放要放幻灯片的地方,需要补充完整路径
<script src="/flash.js"></script>
如果以上三种幻灯片代码还不能满足你的需求,可以到网站幻灯片代码大全里查找超多幻灯片代码。