我們還是順著做吧,這一講說說幻燈片代碼的制作。
首先打開index.htm文檔,找到幻燈片部分的代碼。就是下面這段代碼:
- <DIV id=ifocus>
- <DIV id=ifocus_pic>
- <DIV style="TOP: 0px; LEFT: 0px" id=ifocus_piclist>
- <UL>
- <LI><A href="http://www./news/1/6004.html" target=_blank><IMG src="{dede:global.cfg_templets_skin/}/images/8a99a2b421ca012bc0cd09a6afb3fbc6.jpg"></A> </LI>
- <LI><A href="http://www./news/1/5719.html" target=_blank><IMG src="{dede:global.cfg_templets_skin/}/images/3cdbd2277083179ced6ceb7d43b2a9b0.jpg"></A> </LI>
- <LI><A href="http://www./news/1/5717.html" target=_blank><IMG src="{dede:global.cfg_templets_skin/}/images/8f1290848b91947cd5da282100186889.jpg"></A> </LI>
- </UL>
- </DIV>
- <DIV id=ifocus_opdiv></DIV>
- <DIV id=ifocus_tx>
- <UL>
- <LI class=current1> <H1>梅威瑟VS奧提茲紐約召開新聞發(fā)布會</H1>28號早些時候,保持不敗的P4P冠軍弗羅伊德.梅威瑟與WBC次中量級冠軍維克多.奧提茲在紐約城的胡德遜劇場召開了一場新聞發(fā)布會,正式宣布9月17日二人在拉斯維加斯米...
- <LI class=normal> <H1>帕奎奧12回合點(diǎn)數(shù)完勝莫斯利(附視頻)</H1>在剛剛結(jié)束的一場次中量級拳王爭霸戰(zhàn)中,“亞洲驅(qū)逐艦”帕奎奧十二回合點(diǎn)數(shù)完勝三個級別的五度世界拳王“糖塊”莫斯利,一邊倒的贏得了勝利。...
- <LI class=normal> <H1>“幽靈”帕弗里克10回合點(diǎn)勝洛佩茲(附視頻)</H1> 剛剛在美國米高梅大酒店進(jìn)行的一場10回合超中量級比賽中,前中量級冠軍,美國“幽靈”凱利.帕弗里克(37-2,32KO)以點(diǎn)數(shù)95-95、98-92、99-91戰(zhàn)勝...
- </LI>
- </UL>
- </DIV>
- </DIV>
- <DIV id=ifocus_btn>
- <UL>
- <LI><A href="http://www./news/1/6004.html" target=_blank><IMG alt=梅威瑟VS奧提茲紐約召開新聞發(fā)布會 src="{dede:global.cfg_templets_skin/}/images/small0a72185a177baff67a7d8f51309318211.jpg"></A> </LI>
- <LI><A href="http://www./news/1/5719.html" target=_blank><IMG alt=帕奎奧12回合點(diǎn)數(shù)完勝莫斯利(附視頻) src="{dede:global.cfg_templets_skin/}/images/small3cdbd2277083179ced43b2a9b01304902616.jpg"></A> </LI>
- <LI><A href="http://www./news/1/5717.html" target=_blank><IMG alt=“幽靈”帕弗里克10回合點(diǎn)勝洛佩茲(附視頻) src="{dede:global.cfg_templets_skin/}/images/small88d20203a724955448a75cc241304833918.jpg"></A> </LI>
- </UL>
- </DIV>
- </DIV>
代碼有些長,此段代碼可分為三段,大圖部分、標(biāo)題和簡介部分、小圖部分。
我們將上面這段代碼修改為織夢模板的代碼:
- <DIV id=ifocus>
- <DIV id=ifocus_pic>
- <DIV style="TOP: 0px; LEFT: 0px" id=ifocus_piclist>
- <UL>
- {dede:arclistflag='f' row='3'}
- <LI><A href="[field:arcurl/]" target=_blank><IMG src="[field:litpic/]"></A> </LI>
- {/dede:arclist}>
- </UL>
- </DIV>
- <DIV id=ifocus_opdiv></DIV>
- <DIV id=ifocus_tx>
- <UL>
- {dede:arclist flag='f' limit='0,1'}
- <LI class=current1>
- <H1>[field:title /]</H1>[field:infos /]
- {/dede:arclist}
- {dede:arclist flag='f' limit='1,2'}
- <LI class=normal>
- <H1>[field:title /]</H1>[field:infos /]
- {/dede:arclist}>
- </LI></UL></DIV></DIV>
- <DIV id=ifocus_btn>
- <UL>
- {dede:arclist flag='f' row='3'}
- <LI><A href="[field:arcurl/]" target=_blank><IMG alt=[field:title function='html2text(@me)'/] src="[field:litpic/]"></A> </LI>
- {/dede:arclist}>
- </UL>
- </DIV>
- </DIV>
保存后,查看前臺效果:
代碼解釋參考http://help./v53/archives/tag/global/arclist/
好了,幻燈片代碼部分講完了