<b>Dreamweaver MX实例:图片利用本领</b>[DW设计]

加快图片速度

　　假如中有过量的图片,就会影响浏览的速度. 可以轻松设置预载图片,加快图片速度,让站点以最快的速度呈目前用户眼前.

　　效果阐明　成立文件,先预载图片,使图片预先到缓存中,加快图片速度.实际效果请浏览随书光盘中《 MX 2004 100 例》目录下的《实例 36 －加快图片速度》文件.

　　创作思惟　翻开 MX 2004 软件新建页面,再翻开标签面板,在【行为】中挑选【预先载入图象】选项,加快图片速度.

　　操作步骤

　　（ 1 ）新建文件,操作如图 36-1 所示.

　　

　　（ 2 ）保存页面并插入图片.为了在插入图片时不提醒相对途径,先保存页面为“ 36.htm ”.然后插入要预载的图片,如图 36-2 所示.

　　

图 36-2 　插入图片

　　（ 3 ）增添“预先载入图象”功效.利用 的行为面板增添“预先载入图象”功效,如图 36-3 所示.

　　（ 4 ）挑选要预载的图片,操作如图 36-4 所示.

　　

　　提醒:假如站点上有几张大图片,可以单击【预先载入图象】上方的【 + 】图标,增添多张预载图象,具体操作与图 36-4 所示相同.

　　（ 5 ）保存文件完成操作.这样便可以加快图片的速度,让用户在浏览时不会等太久,这关于提高的效能具有非常重要的意义.

　　随机广告图片

　　浏览者浏览时可以发现,中动态更新的广告图片比静态固定的图象更具有朝气和吸引力.若何制作中的随机广告图片是本实例所要研究的问题. 　　

　　效果阐明　在浏览时,的 banner 区域将呈现一张广告图片,如图 38-1 所示.随后每两秒更新一次广告图片,并且广告图片是以随机的方法呈现的,如图 38-2 所示.

　　

　　创作思惟　通过利用 Macromedia 的扩大插件 Advance_Random_Images ,可以轻松地完成中随机广告图片的制作.

　　操作步骤

　　（ 1 ）安装插件.利用菜单栏中的【号令】｜【扩大管理】号令调出【 Macromedia 扩大管理器】对话框,安装 Advance_Random_Images 扩大,如图 38-3 所示.

　　

　　（ 2 ）调用号令.翻开本实例源文件夹中的 banner.htm 文件,将光标置于要插入广告的位置上,并调出【 AdvancedRandomImages 】号令,如图 38-4 所示.

　　

　　（ 3 ） 设置图象. 在弹出的【 RandomImages 】对话框中对图片变更属性举行设定,如图 38-5 所示.

　　

　　（ 4 ）增添图片.增添第一张广告图片,如图 38-6 所示.

　　

　　提醒:本实例所用到的图片放于本实例文件夹中的 banner 文件夹中.

　　（ 5 ）接着用一样的办法增添其他图片,增添完成后单击【 OK 】按钮肯定操作,如图 38-7 所示.

　　

　　（ 6 ）然后保存页面文件并举行预览,随机广告图片的效果就制作出来了.读者可参考本实例文件夹中的 bannerok.htm 效果文件,看制作的后果能否精确.至此本实例制作完成.

　　本实例所讲的技术常用于各类的中,如国内几个较大的门户上,几近在他们的每个页面中都可看到这些变更广告,读者可参考这些内容来多加操练.