2012-03-25 84 views
0

我有一些CSS和jQuery的问题..我尝试使用幻灯片图像来隐藏,更改src并用幻灯片显示...当我使用exacly parametrs'宽度'例如500像素,或50%,但我需要的宽度:汽车,身高100%..'自动宽度'的jQuery SHOW/HIDE幻灯片图像

代号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); 

我谷歌浏览器一切正常,但IE和firefox dosen't支持这一点,静态图像时有正确的比例,但当启动幻灯片宽度更改为自然大小IMG ...

有任何解决方案,此问题? 谢谢

+0

可以请你设置一个http://jsFiddle.net或http://jsBin.com来玩吗?谢谢 – 2012-03-25 00:54:17

回答

0

我想你必须设置该w/jquery,而不是css。如果你在css中设置宽度为100%,那就是...... 100%。