学做网站培训课程介绍

当前位置:

网页添加幻灯片轮播图的三种方法

几乎每一个网站上都或多或少的存在着幻灯片,它可以让我们自己做网站后,整个网站处于动感状态。如何在学习怎么做网站时如何制作网站幻灯片呢?

根据幻灯片的型式不一样,除了使用幻灯片插件之外,我们提供三种幻灯片的代码供学员使用。

网页如何添加幻灯片
1、固定尺寸的幻灯片。尺寸为960*240px, 适用于企业网站制作顶部的banner幻灯片使用。

使用方法:

  1. 首先在自己做的网站的主题文件夹中的images文件夹中放入尺寸为960*240的图片四张;
  2. 下载JS文件包,并解压上传到网站主题文件夹下;点击下载JS文件包
  3. 下载幻灯片播放器,并上传到网站主题文件夹下;点击下载幻灯片播放器focus2
  4. 以下两句放<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幻灯片和博客,商城网站使用。

使用方法:

  1. 在自己网站主题文件夹的images文件夹下放入自己需要的尺寸的图片2-4张;
  2. 下载JS和SWF安装包,解压后放在网站主题文件夹下;点击下载JS和SWF安装包
  3. 以下一句放要放幻灯片的地方,需要补充完整路径:
    <script src="/object.js"></script>
  4. 修改objest.js中的播放器尺寸达到自己需要的幻灯片尺寸。

3、小尺寸的幻灯片。尺寸为360*240, 适用于门户网站幻灯片使用。

使用方法:

  1. 放入四张待循环滚动的图片,尺寸为360*240px;
  2. 将幻灯片所需要的JS和SWF文件上传到网站主题文件夹下;点击下载JS和SWF文件swf
  3. 以下一句放要放幻灯片的地方,需要补充完整路径
    <script src="/flash.js"></script>

如果以上三种幻灯片代码还不能满足你的需求,可以到网站幻灯片代码大全里查找超多幻灯片代码。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • 静态网页不显示图片 (119350 次浏览)
    作者: 脉动Email: 511039684@qq.com详细内容:今天听了老师讲的课程第九节:什么是网站静态页面,然后自己就动手去照着做,文字什么的都可以显
  • DW中插入文字是最简单的操作,我们可以像在word一样随意的打出自己想要的文字。打开DW后,点击“设计”模式,在文字框中就可以打字了。插入文字可以是
  • 在制作网页中我们时常会将一些文字、图片等做成超链接,但如果在制作时,某些链接页面还没有做好,这时我们就可以用的空链接,提醒自己哪些地方需要添
  • 各位同学大家好,我是学做网站论坛的建站会员广东崔磊。很感谢论坛老师在我学习网站制作课程期间,对我的辅导帮助。现在在这里我想给同学做分享一
  • 插件介绍在网站中插入幻灯片可以让网站更加绚丽,例如学做网站论坛首页顶部左侧就是一个幻灯片,这种方式是直接借助js文件,然后嵌入到网站主题中的.
  • 在很多的图片网站上,全使用到3d轮播图效果,可以不断的实现旋转轮播,最大气美观。效果见这里;对于这样一种高大上的3D旋转轮播图,做起来并
  • wordpress的评论头像仅有神秘人、空白、Gravatar 标志、抽象图形、Wavatar、小怪物这六种,而且是一种比一种要难看,对于学习网站建设教程的学员来说
  • 几乎每一个网站上都或多或少的存在着幻灯片,它可以让我们自己做网站后,整个网站处于动感状态。如何在学习怎么做网站时如何制作网站幻灯片呢?根