HTML 幻灯片图像大小在更改其尺寸时不会增加
HTML Slideshow Image Size Does Not Increase When Changing It's Dimentions
>我正在尝试增加滑块 (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> </h2>
<img class="fl-right" src="img/HOR1.jpg" alt="image" width: 800px; height: 600px />
<h3> </h3>
<p>...</a>
</div>
</li>
<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 文件,通过。
2 种方法:
1)您可以使用照片编辑器(油漆,Photoshop.)增加/减小图像的大小。
2) 答:
- 您应该始终使用 CSS 样式属性: style="宽度: 800px; 高度: 600px;"
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所提到的,尽可能将样式移到外部样式表中通常是一个更好的主意。
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- 如何使用 html 根据表内容增加图像大小
- 随着模块数量的增加,Javascript图像正在重复
- 如何在滚动时增加图像的不透明度
- Canvas toDataUrl增加了图像的文件大小
- jssor如何增加图像数量
- 保存画布中的图像而不增加其大小
- 设置间隔以增量增加/减少图像宽度
- 删除特定图像时增加该值
- 增加无序列表中图像的可点击区域
- 在js中增加图像大小
- 如何在html中增加画布图像的大小
- ThreeJS loadTexture将图像收集到内存中,并且内存增加得很快
- 增加jCarousel可见图像不工作
- 更改图像src会增加资源
- 灯箱问题,我多次放置相同的链接,图像数量增加
- HTML 幻灯片图像大小在更改其尺寸时不会增加
- 如何在单击图像时增加iframe宽度
- 堆叠的图像集,每个图像的偏移量增加
- 如何增加图像的大小,使其可见