我对图片有问题,因为它们在竞争者下显示
屏幕: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,因此图像位于此白框内,但此白框的高度是常量(出错)。 我希望所有图像具有相同的宽度