HTML 幻灯片图像大小在更改尺寸时不会增加

Question

>我正在尝试增加滑块 （HOR1） 中包含的图像的大小，但是当我将其尺寸增加到 800 x 600 时（例如），它似乎没有增加图像的大小？如何增加它的大小以使其刷新/填充整个幻灯片？

网页源代码：

<div id="content-slider">       
    <ul id="async-slider">
        <li class="slide">
            <div class="three-fifth fl-left" style="width: 425px; height: 242px">
                <h2>Brighter World Lighting - NY</h2>
                <h3><font size="5"><i>"A not just for profit company!"</i></font></h3>
                <p>...</a>
            </div>  
            <img class="fl-right" src="img/logolrg.png" alt="image" width="468" height="329" />      
        </li>
      <li class="slide">
        <div class="three-fifth fl-left">

                <h2>&nbsp;</h2>
            <img class="fl-right" src="img/HOR1.jpg" alt="image" width: 800px; height: 600px /> 
                <h3>&nbsp;</h3>
                <p>...</a>
          </div>    

        </li>

Answer 1

<img class="fl-right" src="img/HOR1.jpg" alt="image" style="width: 800px; height: 600px;" />

或

<img class="fl-right" src="img/HOR1.jpg" alt="image" width="800" height="600" />

最好

使用外部 css 文件，通过。

Answer 2

2 种方法：

1）您可以使用照片编辑器（油漆，Photoshop.）增加/减小图像的大小。

2） 答：

• 您应该始终使用 CSS 样式属性： style="宽度： 800px; 高度： 600px;"

Answer 3

HOR1 映像的语法存在错误。看看logolrg.png中的宽度和高度属性，正确的语法是

<img class="fl-right" src="img/HOR1.jpg" alt="image" width="800" height="600" />

您在 HOR1 中使用了样式语法。只要将它们包装在样式属性中，就可以工作，如下所示：

<img class="fl-right" src="img/HOR1.jpg" alt="image" style="width: 800px; height: 600px;" /> 

正如isThisLove所提到的，尽可能将样式移到外部样式表中通常是一个更好的主意。