我用了以下代码,调用论坛指定模块的附件图片及相应标题的题目,但是只能实现向上或者向下的无缝滚动,请问高手怎么修改能够向左或者向右无缝滚动.(再有是否可以实现每个帖子只调用一个附件图片呢?)请高手指教.帮帮忙吧,快崩溃了 崩溃了
文件 bbs_index.html.php里的代码:
<!--{block name="bbsattachment" parameter="filetype/image/t_fid/10,16,17/order/a.dateline DESC/limit/0,10/cachetime/900/cachename/ltxw/tpl/data"}--><!--论坛图片-->
<div id=demo style="overflow:hidden;height:165px;width:940px;"class="block" >
<!--{if !empty($_SBLOCK['ltxw'])}-->
<div id=demo1 class="imgthumblist">
<!--{loop $_SBLOCK['ltxw'] $value}-->
<li class="list1line"><div><a href="$value[url]" title="$value[subject]" target="_blank"><img src="$value[attachment]" alt="$value[subject]" /></a></div>
<p><a href="$value[url]" target="_blank">$value[subject]</a></p>
</li>
<!--{/loop}-->
</div>
<!--{/if}-->
<div id=demo2 class="imgthumblist"></div>
</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
文件style.css里的代码
/*图片列表*/
.imgthumblist { margin: 0; padding: 0; list-style: none; padding-bottom: 6px; overflow: hidden;}
/*\*/ * html .imgthumblist { height: 1%; }/**/ *>.imgthumblist { overflow: hidden; }
.imgthumblist li { float: left; display: inline; background: #FFF; text-align: center; width: 123px; height: 135px; w\idth: 165px; he\ight: 147px; overflow: hidden; border: 1px solid #EEE; padding: 3px; margin: 6px 0 0 4px; }
.imgthumblist p { margin: 0; line-height: 22px; }
.imgthumblist div { line-height: 90px; font-size: 90px; height: 125px; display: table; background: url(../images/dotline_h.gif) repeat-x bottom; }
.imgthumblist div a { display: table-cell !important; display: block; width: 165px; vertical-align: middle; }
.imgthumblist div img { vertical-align: middle; max-width: 165px; max-height: 125px; width: expression(this.width >165 && this.height < this.width ? 165: true); height: expression(this.height > 125 ? 125: true); font-size: 10px; }
@media all and (min-width: 0px){ .imgthumblist div img { width: 100px; height: 100px; } } /*for Opera Only*/
li.smallthumb { width: 88px; height: 105px; w\idth: 81px; he\ight: 97px; border-color: #DFDFDF; margin: 0 0 6px 4px; }
li.smallthumb div { line-height: 65px; font-size: 65px; height: 80px; }
li.smallthumb div a { width: 80px; }
li.smallthumb div img { max-width: 75px; max-height: 75px; width: expression(this.width >75 && this.height < this.width ? 75: true); height: expression(this.height > 75 ? 75: true); }
@media all and (min-width: 0px){ li.smallthumb div img { width: 75px; height: 75px; } } /*for Opera Only*/
[ 本帖最后由 tengods 于 2008-1-8 21:30 编辑 ] |
楼主