Question

我对CSS和jQuery有一些问题.. 我尝试使用幻灯片图像隐藏，更改src并使用幻灯片显示......当我使用exacly参数'width'时，一切正常500 px，或50％，但我需要宽度：自动和高度100％..

代码CSS

#gallery img {
    width:auto;
    height:100%;
    max-width:auto;
    margin:0 auto;
    display:block;
    border:none;
}

#gallery { 
    position:absolute;
    width:100%;
    height:auto;
    top:140px;
    bottom:60px;
    margin:0 auto;
    display: block;
    z-index:10;
    overflow:none;
}

和jQuery

$('#gallery').hide("slide", { direction: "left" }, 1000);
$('.gallery_img').attr('src', url);
$('#gallery').show("slide", { direction: "right" }, 1000);

我google chrome一切正常，但是IE和firefox不支持这个，静态时图像的比例正确但是当开始滑动宽度变为自然尺寸时IMG ...

有解决此问题的方法吗？感谢

Answer 1

我认为你必须设置w / Jquery，而不是css。如果你在css中将宽度设置为100％，那将是... 100％。

jQuery SHOW / HIDE幻灯片图片带'自动宽度'

1 个答案: