我使用GIMP和mtPaint调整了大小，但是它不起作用。幻灯片放映时图像尺寸不会改变

Question

 var myIndex = 0; carousel(); function carousel() { var i; var x = document.getElementsByClassName("mySlides"); for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } myIndex++; if (myIndex > x.length) {myIndex = 1} x[myIndex-1].style.display = "block"; setTimeout(carousel, 2000); // Change image every 2 seconds }

 .mySlides {display:none;}

 <body> <h2 class="w3-center">Automatic Slideshow</h2> <div class="w3-content w3-section" style="max-width:600px"> <img class="mySlides" src="cigand1.jpeg" style="width:30%"> <img class="mySlides" src="eu1.jpeg" style="width:30%"> <img class="mySlides" src="hun1.jpg" style="width:30%"> </div> </body>

I think the code is right, but the third image is bigger in the slideshow than I want. 我认为代码是正确的，但是幻灯片中的第三个图像比我想要的大。 I resized the image but does not work. 我调整了图像的大小，但是不起作用。 How to solve this problem? 如何解决这个问题呢？ Did you meet problem like this? 你遇到这样的问题了吗？ Now you can not see the pictures, the problem is other. 现在您看不到图片，问题出在其他。

Answer 1

I am not sure but checking your code, you are just setting a max-width to the image. 我不确定，但是请检查您的代码，您只是在设置图像的最大宽度。

<div class="w3-content w3-section" style="max-width:600px">

That means, if the picture width is less than 600px, (500px for instance) it will display a 500px width picture. 这意味着，如果图片宽度小于600像素（例如500像素），它将显示500像素宽度的图片。

You can try something like this 您可以尝试这样的事情

<div class="w3-content w3-section" style="width:600px">

But the best way to do so, is to have all the pictures with the same width. 但是最好的方法是使所有图片具有相同的宽度。

我使用GIMP和mtPaint调整了大小，但是它不起作用。幻灯片放映时图像尺寸不会改变

问题描述

1 个解决方案

解决方案1
0 2018-05-31 17:08:12

我使用GIMP和mtPaint调整了大小，但是它不起作用。 幻灯片放映时图像尺寸不会改变

问题描述

1 个解决方案

解决方案1 0 2018-05-31 17:08:12

我使用GIMP和mtPaint调整了大小，但是它不起作用。幻灯片放映时图像尺寸不会改变

解决方案1
0 2018-05-31 17:08:12