可以說任何一個網(wǎng)站都少不了換燈片，在之前的課程里學(xué)做網(wǎng)站論壇也列舉了很多網(wǎng)站幻燈片代碼，通過這些方法，我們可以制作作某一個規(guī)定尺寸的換燈片，但很難去自定義尺寸，來滿足不同網(wǎng)站的寬度的需要。

下面學(xué)做網(wǎng)站論壇介紹一種通過JS/IFRAME+HTML的方式制作的換燈片的效果，通過這種方式可以制作出任一尺寸的換燈片。效果如下圖：【推薦另一種制作網(wǎng)站輪播圖的方法：https://www.xuewangzhan.com/wenti/10799.html】

網(wǎng)站換燈片制作方法與步驟：

1. 下載網(wǎng)站換燈片代碼入樣式的圖片，下載地址：http://pan.baidu.com/s/1qWt2mok
2. 將下載下來的壓縮包解壓，得到換燈片的文件夾；
3. 用DW打開文件夾中的hd.html,修改換燈片的尺寸：（WIDTH: 1408px; HEIGHT: 400px; 就是定義換燈片的寬和高。）
   #rotator {
   WIDTH: 1408px; HEIGHT: 400px; TEXT-ALIGN: center
   }
4. 修改好換燈片尺寸之后，就是修改換燈片的輪換的圖片了。在hd.html中有以下的代碼：
   {src: 'https://www.xuewangzhan.com/wp-content/themes/app/images/remoed/1.jpg', href: 'https://www.xuewangzhan.com/'},
   {src: 'https://www.xuewangzhan.com/wp-content/themes/app/images/remoed/2.jpg', href: 'https://www.xuewangzhan.com/'},
   {src: 'https://www.xuewangzhan.com/wp-content/themes/app/images/remoed/3.jpg', href: 'https://www.xuewangzhan.com/'},
   {src: 'https://www.xuewangzhan.com/wp-content/themes/app/images/remoed/4.jpg', href: 'https://www.xuewangzhan.com/'},
   {src: 'https://www.xuewangzhan.com/wp-content/themes/app/images/remoed/5.jpg', href: 'https://www.xuewangzhan.com/'},

   
   這是換燈片的圖片地址及圖片數(shù)量（5個），可以將圖片地址換成自己的圖片地址，數(shù)量可以根據(jù)自己需要去添加。

5. 修改好之后，保存。然后將整個換燈片文件夾上傳到網(wǎng)站空間的根目錄（web）下；
6. 在網(wǎng)站需要顯示換燈片的地方，用以下代碼去調(diào)用：（?height="400"可以更改成自己網(wǎng)站需要的高度。）
   <iframe src="網(wǎng)站域名/hdp/hd.html" height="400" width="100%" scrolling="no" frameborder="0"></iframe>
7. 通過以上的代碼調(diào)用就可以在自己的網(wǎng)站上顯示自己做網(wǎng)站需要的換燈片了。
8. 些網(wǎng)站換燈片制作方法，適用于任何網(wǎng)站程序。

標(biāo)簽： 代碼 域名 制作網(wǎng)站

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。