無法在javascript中將圖像大小調整爲100％

我有一個JavaScript滑塊，我希望它是100％的寬度。無法在javascript中將圖像大小調整爲100％

這裏是我的HTML：

<div id="mhblindsshow"> 
    <style type="text/css"> #mhblindsshow img { display:none; } </style>     
    <a href="blogpost.php"><img src="images/main/1.jpg" /></a> 
    <a href="blogpost.php"><img src="images/main/2.jpg" /></a> 
</div>

這裏是我的CSS：

.mhSlideshow { 
    position:relative; 
    display:block; 
    margin:0 auto;  
} 

.mhSlideshow img { 
    position:absolute; 
    top:0px; 
    left:0px; 
    display:none; 
}

這裏是控制寬度javacript。

$(document).ready(function() { 
    $("#mhblindsshow").mhslideshow({ 
     width: $(window).width(), height: 500, 
     scaleMode: 'scaleToFill', 
     firstSlide: 0, 
     randomPlay: false, 
     autoPlay: true, 
     showShadow: false, 
     loopForever: true, loop: 0, 
     showBorder: false, borderSize: 6, borderColor: '#FFFFFF', 
     effectMode: 'blind', interval: 2500, effectSpeed: 1000, 
     totalSlices: 5, sliceInterval: 50, 
     showCaption: false, 
     textCSS: '.title { 
      font-size:12px; 
      font-weight:bold; 
      font-family:Arial; 
      color:#ffffff; 
      line-height:200%; 
      } 
      .alt { 
      font-size:12px; 
      font-family:Arial; 
      color:#ffffff; 
      }', 
     captionPosition: 'bottom', captionBarColor: '#333333', captionBarOpacity: 0.8, 
     captionBarPadding: 8, captionAlign: 'center', 
     showNavArrows: true, autoHideNavArrows: false, 
     showNavDots: true, navDotsBottom: 6, 
     navDotsAlign: 'right', navDotsLeftRightMargin: 16, 
     effect: 'fade', 
     jsFolder: 'js' 
    }); 
});

如果我的圖像是大/小，那麼窗口，圖像不適合100％。
我希望圖像寬度始終爲100％，高度應根據圖像比例靈活。

我試着在CSS中添加寬度：100％，但它沒有改變任何東西。

來源

2014-03-06 user3011784

請不要在這裏貼minified的代碼。 – Mathletics

你可以創建一個演示問題的小提琴嗎？這將有助於找到解決方案。 – badAdviceGuy

將寬度和高度設置爲100％時，其變爲父容器的寬度和高度的100％。它看起來不像你的父元素有一個設置的寬度和高度。試試看。 –

$("img").css("height","100%"); 
$("img").css("width","100%");

這個代碼需要jQuery庫和U應該使用class和id的HTML，所以會img.class或IMG＃ID

來源

2014-03-06 21:50:12 robert

它不工作...如果我把：寬度：$（「img」）.css（「width」，「100％」）;， height：$（「img」）.css（「height」，「100％」）;'在我的js中...圖像根本不顯示... – user3011784

包含jquery庫嗎？ – robert

無法在javascript中將圖像大小調整爲100％

回答

相關問題