账号通
    

账号  

密码  

1842

查看

2

回复
主题:一个幻灯片效果,邀同好一起研究下 [收藏主题]  
yelom 当前离线

609

主题

9

广播

3

粉丝
添加关注
级别:六年级

用户积分:1126 分
登录次数:354 次
注册时间:2007/6/15
最后登录:2021/8/30
yelom 发表于:2013/4/11 0:22:19   | 只看该作者 查看该作者主题 楼主 
科汛在线商城系统(NET)

仿: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 -->

如此幻灯可以正常显示了,可怎么也看不到这几个点点击查看原图,这几个点在对应文件夹里是存在的,就是不显示。


请同好一起看看,到底问题出在哪里了?


谢谢!

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
85227557 当前离线

84

主题

6

广播

1

粉丝
添加关注
级别:学前班

用户积分:348 分
登录次数:170 次
注册时间:2011/12/25
最后登录:2019/12/5
85227557 发表于:2013/4/11 9:30:27   | 只看该作者 查看该作者主题 沙发 

1图片路径 你看看是否正确

我看不到你路径 所以不能确定  个人本地测试 用的 url(/images/dl_1.gif)



2 修改路径后还有一个问题,就是这个显示数字,只要把js的focusScroll_01.listType 设置为空就行

点击查看原图



 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
人生的列车 当前离线

70

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:83 分
登录次数:7 次
注册时间:2012/7/14
最后登录:2013/4/12
人生的列车 发表于:2013/4/11 10:38:17   | 只看该作者 查看该作者主题 藤椅 
科汛在线商城系统(NET)
还有几十多个积分才能下载东西。 想起来就头晕啊无聊版主 请勿怪 多谢!
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.09375秒 powered by KesionCMS 9.0