图片切换幻灯片

您现在的位置：动易技术中心 >> 动易产品知识库 >> 动易2006常见问题 >> 正文

图片切换幻灯片

作者：佚名文章来源：本站原创点击数：更新时间：2007-9-19

问题：怎样做图片切换幻灯片

注意：此效果是图片幻灯片，不是FLASH幻灯片

显示多少张直接改SQL语句即可：top 10 ，把 10 改为其他数字。

系统设置-----自定义标签管理-----添加函数标签：

修改动态函数标签

标签名称： {$MY_ } * 输入名称（英文要注意大小写）即可，不用输入定界符。

标签分类：

分页数量： * 动态标签分页显示的每页显示数,为0时则不分页。

自动刷新： * 标签内容自动刷新频率，必须大于10秒并启用分页功能才能启动。

查询语句： select top 10 * from PE_Article where Status=3 and (IncludePic=1 or IncludePic=2) and ChannelID={input(0)} and deleted=0 order by ArticleID desc

字段列表：

ArticleID ChannelID ClassID Title TitleIntact

Subheading Author CopyFrom Inputer LinkUrl

Editor Keyword Hits CommentCount UpdateTime

CreateTime OnTop Elite Status Content

IncludePic DefaultPicUrl UploadFiles InfoPoint PaginationType

Deleted SkinID TemplateID Stars TitleFontColor

TitleFontType MaxCharPerPage ShowCommentLink Receive ReceiveUser

Received AutoReceiveTime ReceiveType Intro PresentExp

Copymoney IsPayed Beneficiary PayDate VoteID

InfoPurview arrGroupID ChargeType PitchTime ReadTimes

DividePercent BlogID

参数列表：

{$Now} {$NowDay} {$NowMonth} {$NowYear} {$AutoID} {$totalPut}

优先级： 数字越小，优先级越高。当标签中再嵌套调用其他标签时，就需要决定标签的优先级。
系统按照如下顺序来替换标签：自定义标签-->系统通用标签-->频道标签

标签内容

<SCRIPT language=javascript type=text/javascript> "; if((index+1)<sPicArr.length) plPic.src = sPicArr[index+1][0];//preload; for(var i=1;i<sPicArr.length;i++){ GetObj("item"+i).className = "itemOff"; GetObj("item"+i).onmouseover = function(){return false;} GetObj("item"+i).onmouseout = function(){return false;} } GetObj("item"+index).className = "itemOn"; /*fixed by AmourGUO, 051017 GetObj("item"+index).onmouseover = function(){ pauseslide(); } GetObj("item"+index).onmouseout = function(){ inislide(); } */ if ('Microsoft Internet Explorer' == navigator.appName) { document.images["slidePic"].filters.item(0).play(); } } function NextPic(){ gIndex = ((gIndex+1)>=sPicArr.length?1:(gIndex+1)); SlidePic(gIndex); } function PrevPic(){ //alert(gIndex); gIndex = ((gIndex-1)<=0?(sPicArr.length-1):(gIndex-1)); //alert(gIndex); SlidePic(gIndex); } var sid; function inislide() { if(sid==null) sid = setInterval('NextPic()', 6000);//fixed by AmourGUO, 051017 } function pauseslide() { clearInterval(sid); sid = null;//fixed by AmourGUO, 051017 } if(sid==null) sid = setInterval('NextPic()', 4000);//fixed by AmourGUO, 051017 //--> </SCRIPT><table cellSpacing=0 cellPadding=0 width="100%" border=0> <tr> <td> <div id=hn_Slide_list> <div id="Hn_solid"> <DIV class=linkBlack id=slideTitle style="FONT-WEIGHT: bold"><A href="{$InstallDir}Ent/ShowArticle.asp?ArticleID=1" target=_blank></A></DIV> <DIV class=linkBlack style="MARGIN-TOP: 7px"><SPAN id=slideDesc>　　</SPAN> <SPAN class=linkBlack id=slideLink>[<A href="{$InstallDir}CXPP/Aboutus.asp" target=_blank>全文</A>]</SPAN></DIV> </div> </div> <div id=hn_Slide> <TABLE cellSpacing=0> <TBODY> <TR> <TD align=middle><A id=slidePicLink title="" href="http://blog.sina.com.cn/u/5452015c01000bec" target=_blank><IMG id=slidePic onmouseover=pauseslide(); style="BORDER-TOP: #000 1px solid; FILTER: revealtrans(duration=2.0,transition=12); BORDER-BOTTOM: #000 1px solid" onmouseout=inislide(); height=261 alt="" src="Skin/flashpic/U1610P346T8D38187F147DT20070621155819.jpg" width=342 name=slidePic></A></TD> </TR> <TR> <TD height=29> <TABLE onmouseover=pauseslide() onmouseout=inislide() cellSpacing=0 width=95% align=center> <TBODY> <TR> <TD width=21><IMG class=img01 style="CURSOR: pointer" onclick=PrevPic();pauseslide();inislide() height=17 alt=上一张 src="Skin/flashpic/bb_img_back1.gif" width=21></TD> <TD> <SCRIPT language=javascript type=text/javascript>  </SCRIPT> </TD> <TD width=21><IMG class=img01 style="CURSOR: pointer" onclick=NextPic();pauseslide();inislide() height=17 alt=下一张 src="Skin/flashpic/bb_img_forward1.gif" width=21></TD> </TR></TBODY></TABLE></TD></TR></TBODY></TABLE> </div> </td> </tr> </table>

调用方法：{$MY_图片切换(频道ID)}

效果图片：

;

文章录入：jzjh2008 责任编辑：丑小鬼

上一篇文章：一个比较简单的图片无缝滚动代码

下一篇文章：根据浏览器和分辨率调用CSS代码

【关闭窗口】

动易SiteFactory标签说明

动易2006网站标签说明列表

用户手册下载