jquery循环,图像错误的地方,freemarker

时间:2014-08-28 11:30:28

标签: javascript jquery html css freemarker

我对图片有问题,因为它们在竞争者下显示

屏幕:http://i61.tinypic.com/117u5tv.png

在屏幕上,它是一条白线(div块),此图像应该进入其中并在图像和此白框之间有10px填充。

我的html文件:

<div class="tmp">
    <#list slide_news_model as newsItem>
        <div class="outer">
           <div class="inner">
             <img width="100%" src="..." alt="" />
           </div>
        </div> 
    </#list>
</div>

我的css文件

 .tmp {
    height:100%;
    width:100%;
}
.outer {
    height: 100%;
    width: 100%;
}
.inner {
    padding: 10px;
    position : relative;
}
.inner img {
    width: 100%;
}

我的js文件

  function cycleInit() {
            $('.tmp').cycle( { 
                fx:      '${slide_effect}', 
                speed:    ${slide_speed}, 
                timeout:  ${slide_timeout},
                containerResize: 0,
                slideResize: 0,
                fit:1,
                pause:1
            });
        }
        cycleInit();
 }

我尝试添加containerResize:1,因此图像位于此白框内,但此白框的高度是常量(出错)。 我希望所有图像具有相同的宽度

0 个答案:

没有答案