幻灯片切换图片discuz X2 DIY模板模块代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="archy_jujiao slidebox">
    <div class="slideshow">[loop]<a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}"></a>[/loop]</div>
 <div class="bignews_btns">
    <div class="archy_btns slidebar">
    [loop1]<em><img src="{pic}" width="60px" height="38px"></em>[/loop1]
    </div>
     <div class="archy_desc slideother">
    [loop2]<a href="{url}"{target}>{title}<p>{summary}</p></a>[/loop2]
     </div>
 </div>
    <div class="archy_tmbg"></div>         
</div>
<script type="text/javascript">
runslideshow();
</script>

在门户或者使用的风格里面添加下面的CSS代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
/*幻灯片CSS ARCHY QQ:261833848*/.archy_jujiao {height: 314px; overflow: hidden; position: relative; width: 100%; background: url(huan_bg.png) no-repeat 0 0;}

.archy_btns {bottom: 0;height: 60px;left: 17px;position: absolute;width: 300px;z-index: 3;}

.archy_btns em {display: block;float: left;height: 60px;margin-right: 8px;overflow: hidden;width: 66px;}

.archy_btns em.on{background:url(huan_btn_on.gif) no-repeat 0 0; }

.archy_btns em img {height: 39px;margin: 6px 0 0 2px;width: 62px;}

.archy_desc {bottom: 60px;font-size: 14px;height: 45px;left: 10px;line-height: 21px;overflow: hidden;position: absolute;width: 100%;z-index: 2;}

.archy_desc a {color: #FFFFFF;font-size: 14px;}

.archy_desc a p {font-size: 12px;}

.archy_tmbg {background: none repeat scroll 0 0 #000000;bottom: 60px;height: 45px;left: 0;opacity: 0.5;overflow: hidden;position: absolute;width: 100%;z-index: 1;}