Question

css如何控制一个嵌套在固定长度高度的div中的图片数量很多的div层只显示4张图片,

用jquery做图片展示效果，显示出4张图片，图片包含在div中，通过上下按钮来展示其余隐藏的图片，其中包含图片的div是嵌套在一个固定高宽的div中。
代码如下：
<ul>
<li><a href="#"><img src="test1.gif" alt=""/></a>
<h5><a href="#">海贼王</a></h5><span>播放：<em>28.276</em></span></li>
<li><a href="#"><img src="test2.gif" alt=""/></a>
<h5><a href="#">火影</a></h5><span>播放：<em>58.296</em></span></li>
<li><a href="#"><img src="test3.gif" alt=""/></a>
<h5><a href="#">龙珠</a></h5><span>播放：<em>20.270</em></span></li>
<li><a href="#"><img src="test4.gif" alt=""/></a>
<h5><a href="#">大侦探</a></h5><span>播放：<em>28.88</em></span></li>
<li><a href="#"><img src="test5.gif" alt=""/></a>
<h5><a href="#">哆啦梦</a></h5><span>播放：<em>28.88</em></span></li>
<li><a href="#"><img src="test6.gif" alt=""/></a>
<h5><a href="#">侦探</a></h5><span>播放：<em>28.88</em></span></li>
<li><a href="#"><img src="test7.gif" alt=""/></a>
<h5><a href="#">星探</a></h5><span>播放：<em>28.88</em></span></li>
</ul>
</div>
</div>

Answer 1

外面的div设置定宽高，设置overflow:hidden；
利用jquery动态更改外面的div的高度来显示里边的内容；
jq的大体代码是：
$("按钮ID").toggle(function(){
$("外div的ID").stop(true,true).animate({height:实际高度},300);
},function(){
$("外div的ID").stop(true,true).animate({height:默认高度},300);
})

Answer 2

不清楚你要的效果，请贴个你想参考的效果

Answer 3

话都不说清楚