2012-03-25 52 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%。