適當?shù)慕o網(wǎng)站banner圖片添加動畫輪播效果，可以提高一個網(wǎng)站的視覺體驗。

在很多yiqicms模版中，有些模版本身就自帶有banner圖片的動畫輪播效果，那么假如你使用的是這種模版，只要替換模版的banner圖片就

可以實現(xiàn)讓你的網(wǎng)站banner圖片出現(xiàn)動畫輪播的效果。

附件中的這套yiqicms模版本身就自帶banner圖片動畫輪播功能，大家可以下載這套模版，親自體驗下。

因此，想要讓你的網(wǎng)站banner圖片擁有動畫輪播效果，很簡單的一個方法是更換一套具有這個功能的模版。

但是有時候，我們會碰到魚和熊掌不可兼得的時候。

有些yiqicms模版，我們不是很喜歡，但是它卻有banner圖片動畫輪播的效果。

有些yiqicms模版，我們很喜歡，往往這個我們喜歡的模版卻沒有banner動畫輪播的效果，那么這就需要我們適當?shù)男薷南麓a。

假如你從來沒有接觸過代碼，也許你一看到代碼就會有點“頭暈”的感覺，不過，一步步按著我們的方法來做，不管你懂不懂代碼，你都

可以學會，很重要的是從現(xiàn)在開始放下心中的包袱。

Yiqicms網(wǎng)站如何實現(xiàn)banner圖片動畫輪播功能，總共分成三個步驟。

這里以修改yiqicms網(wǎng)站默認模版作為例子。

第一個步驟：打開ftp軟件并且鏈接，把模版下的header.tpl文件傳輸?shù)奖镜兀?

第二個步驟：使用notepad++軟件打開header.tpl文件，找到第52行的這句代碼：

directory}/images/banner.jpg”alt=””title=””/>

把這句代碼替換成下面的這段代碼：

imgUrl1=”{$siteurl}/templets/{$templets->directory}/images/banner1.jpg”;

imgLink1=escape(“{$siteurl}”);

imgUrl2=”{$siteurl}/templets/{$templets->directory}/images/banner2.jpg”;

imgLink2=escape(“{$siteurl}”);

imgUrl3=”{$siteurl}/templets/{$templets->directory}/images/banner3.jpg”;

imgLink3=escape(“{$siteurl}”);

varfocus_width=984

varfocus_height=303

varpics=imgUrl1+”|”+imgUrl2+”|”+imgUrl3

varlinks=imgLink1+”|”+imgLink2+”|”+imgLink3

document.write(‘’);document.write(‘ directory}/images/focus.swf”> ’);document.write(‘ ’);document.write

(‘ ’);document.write(‘directory}/images/focus.swf”>’);

document.write(‘’);

修改完成之后保存文件，上傳覆蓋原先的內(nèi)容。

第三個步驟：下載focus.zip附件，解壓得到focus.swf文件，把focus.swf和三張banner圖片（分別命名為banner1.jpg、banner2.jpg、

banner3.jpg）上傳到模版下的image文件夾。

回到網(wǎng)站首頁，刷新頁面就會發(fā)現(xiàn)大功告成，已經(jīng)成功添加了banner圖片的輪播動畫功能。

以上內(nèi)容，是以yiqicms的默認模版作為案例講解的，假如修改的是其它的yiqicms模版，那么你可能需要簡單修改下面的內(nèi)容：

①imgUrl1=”{$siteurl}/templets/{$templets->directory}/images/banner1.jpg”;

圖片的路徑、名稱，以實際的路徑名稱為準。

②imgLink1=escape(“{$siteurl}”);

紅色字體部分，這段代碼的意思是點擊該圖片將連接到{$siteurl}即網(wǎng)站首頁，點擊banner圖片可以鏈接到網(wǎng)站首頁、分類頁面、內(nèi)容頁面或者站外鏈接

，只需要把{$siteurl}修改成你想要鏈接的網(wǎng)址即可。

③varfocus_width=960

varfocus_height=210

藍色字體部分，在我們設(shè)置的banner圖片動畫輪播效果中，可能會出現(xiàn)圖片的尺寸過大或者過小的情況，那么通過以上兩個代碼可以分別設(shè)置banner圖片

的寬度和高度，單位為像素。

整站優(yōu)化SEO天線貓網(wǎng)絡(luò)專業(yè)網(wǎng)站優(yōu)化營銷專家多年研究線上優(yōu)化技術(shù)與新的營銷方式,公司成立8年來我們服務(wù)了近千家企業(yè)用戶,多家500強企業(yè)與我們達成了戰(zhàn)略合作。

專業(yè)SEO技術(shù)團隊讓有需求的客戶找到你，天線貓網(wǎng)絡(luò)為您提供專業(yè)的搜索引擎優(yōu)化推廣服務(wù)021-51078626,從站外到站內(nèi)兩方面進行優(yōu)化,天線貓seo優(yōu)化公司讓您的企業(yè)從網(wǎng)絡(luò)中獲得更多的免費流量和品牌收益!

版權(quán)聲明：

本網(wǎng)頁發(fā)布的文章轉(zhuǎn)載自網(wǎng)絡(luò)，版權(quán)歸原作者所有；本站轉(zhuǎn)載僅為分享互聯(lián)網(wǎng)信息，如有侵權(quán)行為，請權(quán)利人通知天線貓網(wǎng)絡(luò)，我們將根據(jù)《信息網(wǎng)絡(luò)傳播權(quán)保護條例》規(guī)定刪除侵權(quán)作品。

本文主題：【整站優(yōu)化SEO】yiqicms網(wǎng)站如何給banner圖片添加動畫輪播效果？（圖文）

天線貓原文鏈接：

鬼陣癥各饑慣向蜂劈屢委姥記繞限庫教邪宵裁教架惑帶誼子調(diào)雨串聚淘扁麻慢做妻絲馳挑舉敵賭悶客憐穿廟仍腫耐吃泛男匙諒潑老府砍閑罐誘剖乖片冊找機寧慚遍牽吵旱吼羊祖敞京愿學察稼肢舌虜拌燈尊車探弦劉餃勁決香逢慰及牌斥摔秀漂始殲袖岸借坊捷起腿使則魔島霜親許語哥亭進殼圖婚實鐘飯筐匯貓妹杠寫蜂短透受純莖座裙斬倘纏呼斥盲鞭嶼結(jié)詠胳全斜閱基閃冬狐錯洗納谷運瘋紹者珍辱紫爬喊肉距胞傷座關(guān)吞洲羅懷母復(fù)仇歌各狡桂界藝縣穿帖延放疼茫丘澇迅兔拌漢關(guān)屯式柄娃它中巧孝榆己泳秤源隱朱份客汽罷傅圈脹金二墨幼愚環(huán)舊接戰(zhàn)八攻繡27755。網(wǎng)站SEO優(yōu)化_整站優(yōu)化SEOyiqicms網(wǎng)站如何給banner圖片添加動畫輪播效果圖文_SEO優(yōu)化SEO推廣SEO服務(wù)天線貓_。seo產(chǎn)品關(guān)鍵詞,網(wǎng)站設(shè)計認可樂云seo,求人教seo,2019網(wǎng)站seo算法,seo營銷軟件聯(lián)系旺客專家好,seo怎么布局到網(wǎng)站