本帖最后由 numlook 于 2012-7-10 16:16 编辑
尊敬的EO团队成员你们好，首先感谢贵团队的所有成员，向大家致以崇高的敬意。
我在二次开发的时候，出现了个问题，急需你们的帮助。
问题如下：
我在网站首页把调用的最新产品设置成从右向左滚动条时，发现当滚动的产品图片滚到最后一轮的时候，总会出现一小段空白，当滚动到最后四个产品的时候，紧接着，右边的空白会被后面的产品图片填充掉。后来调整了滚动条的参数以及css样式表里的相关参数，还是不能去除空白的现象。
百思不得其解，万分无奈中的我，还是在不断的思考和研究。
后来我拿以前做过的站和现在的这个站一对比，从中发现了一个现象：貌似跟每行的产品个数有直接的关系。
这张截图是我现在有出现空白现象的（简称：图1）。
这张截图是没有出现空白现象的（简称：图2）。
总结了一下，图2中没有出现空白现象是因为滚动的窗口小于4个产品图片的宽度。
我想把每行的产品调用数设置成6个或者更多个。
我想：是不是因为跟每行产品调用数有关系？
是的话，该如何调用呢？如果不是，那又该如何解决呢？
-------------------------------------------------------------------------------------------------------------------------------------------------------
代码片段如下：
首页页面调用代码：
<div id=\"main2\">
<div id=\"pic_students\">
<div style=\" background:#FFFFFF width:990px;\">
<div class=\"list\">
<!--{include file=\"<!--{$tplpath}-->block_pro.tpl\"}-->
<div style=\"clear:both;\"></div>
</div><!-- #list //-->
</div>
</div>
</div>
调用的block_pro.tpl页面的所有代码（包括滚动条的参数代码）：
<div id=\"demo\">
<div id=\"indemo\">
<div id=\"demo1\">
<ul style=\"list-style:none;\">
<!--{foreach $volist_newproduct as $volist}-->
<li>
<a href=\"<!--{$volist.url}-->\"><img src=\"<!--{$volist.thumbfiles}-->\" onload=\"javascript[s:3]rawImage(this,'150','150');\" alt=\"<!--{$volist.produtname}-->\" /></a>
<h4><a href=\"<!--{$volist.url}-->\" title=\"<!--{$volist.productname}-->\"><!--{$volist.sort_productname}--></a></h4>
</li>
<!--{/foreach}-->
</ul>
</div>
<div id=\"demo2\"></div>
</div>
</div>
<script>
<!--
var speed=20; //数字越大速度越慢
var tab=document.getElementById(\"demo\");
var tab1=document.getElementById(\"demo1\");
var tab2=document.getElementById(\"demo2\");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>
main.css中相关的样式表：
#main2 {background:#FFFFFF; margin-top:20px; width:990px;}
#main2 #pic_students{width:950px; margin:0px auto; padding:20px;}
#main2 div.list{}
#main2 div.list ul{ list-style:none; width:100%;}
#main2 div.list li{ float:left; display:inline; margin:0px 10px 0px; text-align:center; overflow:hidden;}
#main2 div.list li a.imgbox{ display:block; text-align:left; overflow:hidden; border:1px solid #ccc; padding:3px;}
#main2 div.list li a{ color:#0058b2;}
#main2 div.list li h4{ height:25px; line-height:25px; overflow:hidden; font-weight:normal; font-size:100%;}
#main2 div.link{ border:1px solid #dedede; padding:10px 0px; margin-bottom:10px;}
#main2 div.link ul{ list-style:none; padding:0px 10px;}
#main2 div.link li{ float:left; width:8em; white-space:nowrap; margin-right:8px;}
#demo {
background: #FFF;
overflow:hidden;
width:950px;
}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 250%;
}
#demo1 {
float: left;
vertical-align:center;
}
#demo2 {
float: left;
}
请求EO团队的帮助。谢谢！
也希望让跟我遇到同样问题的同志们得到解答。
