對(duì)于大多數(shù)網(wǎng)站來(lái)說(shuō)，都或多或少存在網(wǎng)站幻燈片和網(wǎng)站圖片輪播功能，特別在企業(yè)網(wǎng)站建設(shè)時(shí)，都會(huì)放在自己做的網(wǎng)站的導(dǎo)航下面，使用幾張圖片輪流展播。效果如下：

對(duì)于自己做網(wǎng)站時(shí)如何實(shí)現(xiàn)這種網(wǎng)站圖片輪播功能呢？步驟如下：

• 第一步：下載網(wǎng)網(wǎng)站圖片輪播圖功能需用的JS文件，并上傳到自己網(wǎng)站空間的根目錄下。下載地址：?http://pan.baidu.com/s/1eQrHnZs?密碼: 977y；
• 第二步：制作要顯示的圖片到主題文件夾中的images中。名字只能為1。2。3。4。jpg；
• 第三步：將以下兩句放標(biāo)簽里面，并需要補(bǔ)充絕對(duì)的路徑第四步：以下一句放要放幻燈片的地方，需要補(bǔ)充完整路徑；
  <SCRIPT language=JavaScript src="/js/comm.js" type=text/javascript></SCRIPT><SCRIPT language=JavaScript src="/js/swf.js" type=text/javascript></SCRIPT>
• 第四步：以下一句放要放幻燈片的地方，需要補(bǔ)充完整路徑；
  <SCRIPT src='/js/config.inc.js' type=text/javascript></SCRIPT>
• 第五步：修改js 文件夾中的config.inc.js文件里面的圖片路徑地址和圖片的寬度高度。JS里的路徑必須填寫(xiě)完整。
  (function($){
  var imag=[];
  var link=[];
  var text=[];imag[0]=encodeURIComponent("http://localhost/10/wp-content/themes/Studio/images/1.jpg");
  link[0]=encodeURIComponent("https://www.xuewangzhan.com");
  text[0]="學(xué)做網(wǎng)站論壇";
  imag[1]=encodeURIComponent("http://localhost/10/wp-content/themes/Studio/images/2.jpg");
  link[1]=encodeURIComponent("https://www.xuewangzhan.com");
  text[1]="學(xué)做網(wǎng)站論壇";
  imag[2]=encodeURIComponent("http://localhost/10/wp-content/themes/Studio/images/3.jpg");
  link[2]=encodeURIComponent("https://www.xuewangzhan.com");
  text[2]="學(xué)做網(wǎng)站論壇";
  imag[3]=encodeURIComponent("http://localhost/10/wp-content/themes/Studio/images/4.jpg");
  link[3]=encodeURIComponent("https://www.xuewangzhan.com");
  text[3]="學(xué)做網(wǎng)站論壇";
  if(imag.length < 4){
  for(var i=imag.length;i<4;i++){
  imag[i]="http://localhost/10/wp-content/themes/Studio/images/1.jpg";
  link[i]=encodeURIComponent("/");
  text[i]="學(xué)做網(wǎng)站論壇";
  }
  }
  var pic_width=960;
  var pic_height=240;
  var stop_time=6000;
  makeSWF('FrontPageFocusShower','http://localhost/10/wp-content/themes/Studio/focus2.swf',{
  FlashVars : 'pics='+imag.join('|')+'&links='+link.join('|')+'&texts='+text.join('|')+'&stop_time='+stop_time+",
  wmode: 'opaque',
  scale: 'noScale',
  quality: 'high',
  width : pic_width,
  height : pic_height
  });
  })($);

通過(guò)以上幾步的操作，就可以在自己建網(wǎng)站時(shí)，制作出網(wǎng)站圖片輪播圖功能了。

除了上面這個(gè)方法之外，我們還可以使用另外一個(gè)方法制作網(wǎng)站輪播圖。方法見(jiàn)：如何制作網(wǎng)站輪播圖。

標(biāo)簽： 建網(wǎng)站 企業(yè)網(wǎng)站 網(wǎng)站建設(shè) 制作網(wǎng)站

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