jquery - 如何使用浏览器更改大小自动调整 img 组的大小？

Question

如何使用浏览器更改大小来自动调整 img 组的大小？

我几乎在css中完成它，但现在我无法设置溢出:隐藏让第5或第6..图片隐藏。

(来自 php 的 img)
(我将连接 jQuery 插件 scrolling-carousel。)

任何建议我真的很感谢你抽出时间。

这是我的 http://jsfiddle.net/uSHbc/1/
HTML

<div class="conimgwrap2">
    <div class="conimgwrap">
        <div class="conimg">

            <div>
                <img src="http://fancyapps.com/fancybox/demo/2_s.jpg">
            </div>                
            <div>
                <img src="http://fancyapps.com/fancybox/demo/2_s.jpg">
            </div>
            <div>
                <img src="http://fancyapps.com/fancybox/demo/2_s.jpg">
            </div>                
            <div>
                <img src="http://fancyapps.com/fancybox/demo/2_s.jpg">
            </div>
            <div>
                <img src="http://fancyapps.com/fancybox/demo/2_s.jpg">
            </div>

        </div>
    </div>
</div>​

CSS

.conimgwrap2{
    position: relative;
    left: 50%;
    width: 50%;
}
.conimgwrap{
    position: absolute;
    width: 25%;
    height: 25%;
}

.conimg{
    max-width: 100%;
    max-height: 100%;
    background-color: yellow;
    display: inline;
    white-space: nowrap;
}

.conimg div{
    display: inline;
    white-space: nowrap;
}
.conimg img{
    max-width: 100%;
    max-height: 100%;
}​

Answer 1

我不明白你的意思“我几乎用 css 完成它，但现在我无法设置溢出:隐藏让第 5 或第 6.. 图片隐藏。”

但是如果你想通过浏览器更改大小来调整图像大小，你可以使用以下 css 来完成。

.conimg img{ 最大宽度:100%；高度:自动；}

谢谢。