網(wǎng)站SEO優(yōu)化_整站優(yōu)化SEOyiqicms網(wǎng)站如何給banner圖片添加動(dòng)畫(huà)輪播效果圖文_SEO優(yōu)化SEO推廣SEO服務(wù)天線貓_

適當(dāng)?shù)慕o網(wǎng)站banner圖片添加動(dòng)畫(huà)輪播效果，可以提高一個(gè)網(wǎng)站的視覺(jué)體驗(yàn)。

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

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

附件中的這套yiqicms模版本身就自帶banner圖片動(dòng)畫(huà)輪播功能，大家可以下載這套模版，親自體驗(yàn)下。

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

但是有時(shí)候，我們會(huì)碰到魚(yú)和熊掌不可兼得的時(shí)候。

有些yiqicms模版，我們不是很喜歡，但是它卻有banner圖片動(dòng)畫(huà)輪播的效果。

有些yiqicms模版，我們很喜歡，往往這個(gè)我們喜歡的模版卻沒(méi)有banner動(dòng)畫(huà)輪播的效果，那么這就需要我們適當(dāng)?shù)男薷南麓a。

假如你從來(lái)沒(méi)有接觸過(guò)代碼，也許你一看到代碼就會(huì)有點(diǎn)“頭暈”的感覺(jué)，不過(guò)，一步步按著我們的方法來(lái)做，不管你懂不懂代碼，你都

可以學(xué)會(huì)，很重要的是從現(xiàn)在開(kāi)始放下心中的包袱。

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

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

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

第二個(gè)步驟：使用notepad++軟件打開(kāi)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)容。

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

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

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

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

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

圖片的路徑、名稱，以實(shí)際的路徑名稱為準(zhǔn)。

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

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

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

③varfocus_width=960

varfocus_height=210

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

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

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

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

版權(quán)聲明：

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

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

天線貓?jiān)逆溄樱?

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