Question

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

HTML源代码：

<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文件，thro。

Answer 2

有两种方法：

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

2）回答：

您应该始终使用CSS样式属性： style =＆＃34; width：800px;身高：600px;＆＃34;

Answer 3

HOR1图像的语法有误。看一下logolrg.png中的width和height属性，正确的语法是

<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所述，尽可能将样式移出外部样式表通常更好。

更改HTML尺寸时，HTML幻灯片图像尺寸不会增加

HTML源代码：

3 个答案: