如何增加首頁的幻燈片

  

用記事本打開config\config.php



頁底的

  1. );
復制代碼

前面增加


  1.  
  2. //slide-幻燈片設置{
     
  3. 'slide_width'=>'840', //幻燈寬度
     
  4. 'slide_height'=>'326', //幻燈高度
     
  5. 'slide_text'=>'1', //幻燈文字高度
     
  6. 'slide_pic1'=>'./images/slide/01.jpg', //圖片1
     
  7. 'slide_pic1_title'=>'圖片01', //圖片1標題
     
  8. 'slide_pic1_url'=>'/', //圖片1鏈接地址
     
  9. 'slide_pic2'=>'./images/slide/02.jpg', //圖片2
     
  10. 'slide_pic2_title'=>'圖片02', //圖片2標題
     
  11. 'slide_pic2_url'=>'/', //圖片2鏈接地址
     
  12. 'slide_pic3'=>'./images/slide/01.jpg', //圖片3
     
  13. 'slide_pic3_title'=>'圖片03', //圖片3標題
     
  14. 'slide_pic3_url'=>'/', //圖片3鏈接地址
     
  15. 'slide_pic4'=>'./images/slide/02.jpg', //圖片4
     
  16. 'slide_pic4_title'=>'圖片04', //圖片4標題
     
  17. 'slide_pic4_url'=>'/', //圖片4鏈接地址
     
  18. 'slide_pic5'=>'./images/slide/01.jpg', //圖片5
     
  19. 'slide_pic5_title'=>'圖片05', //圖片5標題
     
  20. 'slide_pic5_url'=>'/', //圖片5鏈接地址
     
  21. //}
復制代碼

然后記事本打開模板包的index/index.html模板

在希望顯示幻燈的位置,增加


  1.  
  2. <script type="text/javascript">
     
  3. imgUrl1="{get(slide_pic1)}";
     
  4. imgtext1="{get(slide_pic1_title)}"
     
  5. imgLink1=escape("{get(slide_pic1_url)}");
     
  6. imgUrl2="{get(slide_pic2)}";
     
  7. imgtext2="{get(slide_pic2_title)}"
     
  8. imgLink2=escape("{get(slide_pic2_url)}");
     
  9. imgUrl3="{get(slide_pic3)}";
     
  10. imgtext3="{get(slide_pic3_title)}"
     
  11. imgLink3=escape("{get(slide_pic3_url)}");
     
  12. imgUrl4="{get(slide_pic4)}";
     
  13. imgtext4="{get(slide_pic4_title)}"
     
  14. imgLink4=escape("{get(slide_pic4_url)}");
     
  15. imgUrl5="{get(slide_pic5)}";
     
  16. imgtext5="{get(slide_pic5_title)}"
     
  17. imgLink5=escape("{get(slide_pic5_url)}");
     

  18.  
  19. var focus_width={get(slide_width)}
     

  20.  
  21. var focus_height={get(slide_height)}
     

  22.  
  23. var text_height={get(slide_text)}
     

  24.  
  25. var swf_height = focus_height+text_height
     

  26.  
  27. var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5
     
  28. var links=imgLink1+"|"+imgLink2+"|"+imgLink3+"|"+imgLink4+"|"+imgLink5
     
  29. var texts=imgtext1+"|"+imgtext2+"|"+imgtext3+"|"+imgtext4+"|"+imgtext5
     

  30.  
  31. document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
     
  32. document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="images/slide/focus.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">');
     
  33. document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
     
  34. document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
     
  35. document.write('</object>');
     
  36. </script>
復制代碼

后,將附件 slide.rar (116.36 KB)

解壓縮后,上傳至網(wǎng)站根目錄的images文件。

進入網(wǎng)站后臺,更新首頁html,即可觀看到修改效果。

您的建站服務專家

售前咨詢
模板定制

客服 Sunny

售前問題咨詢

聯(lián)系客服

客服Medive

售前問題咨詢

聯(lián)系客服
售前咨詢
功能定制

客服 Ashely

售前問題咨詢

聯(lián)系客服

客服Antony

售前問題咨詢

聯(lián)系客服