仿:http://www.cciced.net/
新建一个万能标签,自定义输出样式,内容如下:
[loop=8]
<div class="FP_pic2">
<div><img src="{@photourl}" width=300 height=200></div>
<div class="FP_tit_bg"></div>
<div class="FP_tit_txt">
<a href="{@linkurl}" target="_blank" title="{@title}">{@title}</a>
</div>
</div>
[/loop]
在模板页里,使用以下代码:
<STYLE>
/* begin */
.FocusPic{width:300px; height:230px; position:relative; zoom:1; z-index:10 overflow:hidden; }
.FocusPic .FP_NumList2{position:absolute; right:185px; bottom:0px; zoom:1; overflow:hidden;z-index:9;}
.FocusPic .FP_NumList2 span{float:left; margin-left:5px; display:inline; width:12px; height:12px; overflow:hidden; line-height:12px; text-align:center; cursor:pointer; color:#fff; background:url(/images/dl.gif) top left;}
.FocusPic .FP_NumList2 span.selected{background:url(/images/dl_1.gif) top left; width:12px; color:#000;}
.FocusPic .FP_pic2{width:300px;height:200px; overflow:hidden;float:left;}
.FocusPic .FP_pic2 .FP_tit_bg{height:45px; width:450; margin-top:-27px; background:#000;filter:Alpha(Opacity=50);opacity:.3;}
.FocusPic .FP_pic2 .FP_tit_txt{font-size:12px; font-family: "微软雅黑", "宋体"; line-height:45px; padding-left:14px; margin-top:-54px; color:#fff; position:relative;*position:static; }
.FocusPic .FP_pic2 .FP_tit_txt a {color:#fff; }
.FocusPic .FP_pic2 .FP_tit_txt a:hover{color:#a9f83f;text-decoration:none;}
.FocusPic .FP_pic2 a:link,.FP_pic a:visited{color:#fff;text-decoration:none;}
/* end */
</STYLE>
<script type="text/javascript" src="http://www.cciced.net/images/rollpic.js"></script>
<!-- 焦点图 begin -->
<div class="FocusPic">
<div class="FP_arr_left" id="FS_arr_left_01"></div>
<div class="FP_arr_right" id="FS_arr_right_01"></div>
<div class="FP_NumList2" id="FS_numList_01"><span class="selected" title="第1页">1</span><span class="out_selected" title="第2页">2</span><span class="out_selected" title="第3页">3</span><span class="out_selected" title="第4页">4</span></div>
<div class="FP_cont" id="FS_Cont_01" style="width:300px; overflow-x: hidden; overflow-y: hidden; ">
<!-- FocusPic_data begin -->
{LB_新幻灯}
<!-- FocusPic_data end -->
</div>
</div>
<script language="javascript" type="text/javascript">
<!--//--><![CDATA[//><!--
var focusScroll_01 = new ScrollPic();
focusScroll_01.scrollContId = "FS_Cont_01"; //内容容器ID
focusScroll_01.arrLeftId = "FS_arr_left_01";//左箭头ID
focusScroll_01.arrRightId = "FS_arr_right_01"; //右箭头ID
focusScroll_01.dotListId = "FS_numList_01";//点列表ID
focusScroll_01.dotClassName = "out_selected";//点className
focusScroll_01.dotOnClassName = "selected";//当前点className
focusScroll_01.listType = "number";//列表类型(number:数字,其它为空)
focusScroll_01.listEvent = "onmouseover"; //切换事件
focusScroll_01.frameWidth = 300;//显示框宽度
focusScroll_01.pageWidth = 300; //翻页宽度
focusScroll_01.upright = false; //垂直滚动
focusScroll_01.speed = 6; //移动速度(单位毫秒,越小越快)
focusScroll_01.space = 1; //每次移动像素(单位px,越大越快)
focusScroll_01.autoPlay = true; //自动播放
focusScroll_01.autoPlayTime = 1; //自动播放间隔时间(秒)
focusScroll_01.initialize(); //初始化
//--><!]]>
</script>
<!-- 焦点图 end -->
如此幻灯可以正常显示了,可怎么也看不到这几个点,这几个点在对应文件夹里是存在的,就是不显示。
请同好一起看看,到底问题出在哪里了?
谢谢!