0

私のhtml domにいくつかの画像があります。画像は

  <div id="page">
    <div class="image-gallery">
      <img src="images/imagewords.jpeg" alt="sec">
      <img src="images/images.jpeg" alt="thi">
      <img src="images/imagedss.jpeg" alt="fou">
      <img src="images/imrtages.jpeg" alt="fiv">
      <img src="images/nasa-images.jpeg" alt="six">
      <img src="images/pre-raphaelite-galleries-vi.jpg" alt="sev">
      <img src="images/websitfe-design.jpg" alt="nin">
    </div>
  </div><!-- #page-->

ウィンドウのサイズを変更するときに、すべての画像のサイズを変更したいと思います。jquery のプラグインまたは jQuery のチュートリアルはありますか。画像のサイズ変更を手伝ってください。

4

5 に答える 5

0

それらのサイズをどのように変更しますか?固定サイズに?ウィンドウ幅のパーセンテージに?コンテナのパーセンテージに?通常、そのためにJSは必要ありません。幅をパーセンテージで定義するだけです。

例えば:

.image-gallery {
    width: 100%;
}
    .image-gallery img {
        width: 20%; /* or whatever width you want here. */
    }
于 2013-03-07T09:55:16.307 に答える
0

css:

img{max-width: 100%;
    height: auto;
    width: auto;
}

これを確認してください:ソース:http ://webdesignerwall.com/tutorials/sensitive-design-with-css3-media-queries

于 2013-03-07T09:55:43.320 に答える
0

次のように試してください:

CSS

.image-gallery{width:50%;}
.image-gallery img{width:100%;}

HTML

   <div id="page">
    <div class="image-gallery">
      <img src="images/imagewords.jpeg" alt="sec">
      <img src="images/images.jpeg" alt="thi">
      <img src="images/imagedss.jpeg" alt="fou">
      <img src="images/imrtages.jpeg" alt="fiv">
      <img src="images/nasa-images.jpeg" alt="six">
      <img src="images/pre-raphaelite-galleries-vi.jpg" alt="sev">
      <img src="images/websitfe-design.jpg" alt="nin">
    </div>
  </div><!-- #page-->
于 2013-03-07T09:56:16.870 に答える
0
    $(window).resize(function () {
    var h = parseInt($(window).height(), 10);
    var w = parseInt($(window).width(), 10);
    $("img").css({
        'width': w,
        'height': h
    });
});
于 2013-03-07T10:00:17.407 に答える
-1

このjQueryプラグインはあなたが望むことをします:http: //buildinternet.com/project/supersized/

または、次のコードを使用してウィンドウサイズにアクセスできます。

var windowHeight = $(window).height(),
    windowWidth = $(window).width();
于 2013-03-07T09:54:22.643 に答える