Javascript 如何删除幻灯片宽度？如何在幻灯片中添加更多图片

如何删除幻灯片宽度？如何在幻灯片中添加更多图片

我想增加我的幻灯片宽度，增加myslideshow的图片数量，幻灯片是用java、css和html编写的。 我的照片尺寸是1200x300。 我试图在css中添加宽度，但宽度刚好增加到右侧，我的图片不适合居中，请帮助我。 帮帮 帮帮 帮帮

* {
框大小：边框框
}
身体{
字体系列：Verdana，无衬线；
}
迈斯利德斯先生{
显示：无
}
/*幻灯片容器*/
.slideshow容器{
最大宽度：1200px；
位置：相对位置；
保证金：自动；
}
/*标题文本*/
.文本{
颜色：#F2F2；
字体大小：15px；
填充：8px 12px；
位置：绝对位置；
底部：8px；
宽度：100%；
文本对齐：居中；
}
/*数字文本（1/3等）*/
.numbertext{
颜色：#F2F2；
字体大小：12px；
填充：8px 12px；
位置：绝对位置；
排名：0；
}
.主动{
背景色：#717171；
}
/*褪色动画*/
.褪色{
-webkit动画名称：淡入淡出；
-webkit动画持续时间：1.5s；
动画名称：淡入淡出；
动画持续时间：1.5s；
}
@-webkit关键帧淡入淡出{
从{
不透明度：.4
}
到{
不透明度：1
}
}
@关键帧淡入淡出{
从{
不透明度：.4
}
到{
不透明度：1
}
}
/*在较小的屏幕上，减小文本大小*/
@仅介质屏幕和（最大宽度：300px）{
.文本{
字号：11px
}
}


var slideIndex=0；
放映幻灯片（）；
函数showSlides（）{
var i；
var slides=document.getElementsByClassName（“mySlides”）；
var dots=document.getElementsByClassName（“dot”）；
对于（i=0；i幻灯片长度）{
slideIndex=1
}
对于（i=0；i

只需删除正文中的边距并添加

最小宽度：100%

到

.slideshow容器

要添加更多幻灯片，请复制此代码

<div class="mySlides fade">
  <div class="numbertext"></div>
  <img src="my-image.jpg"> <!-- remove the width property from all image tag. -->
  <div class="text"></div>
</div>

没有神奇宽度属性将图像宽度设置为100%。您需要设置图像容器的宽度，图像将相应展开

此外，增加幻灯片时，增加

元素的数量。因为它取决于幻灯片的数量，否则它将停止js代码并抛出错误

* {
框大小：边框框
}
身体{
字体系列：Verdana，无衬线；
边际：0px；
}
.小部件{
边际：0px；
}
迈斯利德斯先生{
显示：无
}
/*幻灯片容器*/
.slideshow容器{
最小宽度：100%；
位置：相对位置；
保证金：自动；
}
/*标题文本*/
.文本{
颜色：#F2F2；
字体大小：15px；
填充：8px 12px；
位置：绝对位置；
底部：8px；
宽度：100%；
文本对齐：居中；
}
/*数字文本（1/3等）*/
.numbertext{
颜色：#F2F2；
字体大小：12px；
填充：8px 12px；
位置：绝对位置；
排名：0；
}
.主动{
背景色：#717171；
}
/*褪色动画*/
.褪色{
-webkit动画名称：淡入淡出；
-webkit动画持续时间：1.5s；
动画名称：淡入淡出；
动画持续时间：1.5s；
}
@-webkit关键帧淡入淡出{
从{
不透明度：.4
}
到{
不透明度：1
}
}
@关键帧淡入淡出{
从{
不透明度：.4
}
到{
不透明度：1
}
}
/*在较小的屏幕上，减小文本大小*/
@仅介质屏幕和（最大宽度：300px）{
.文本{
字号：11px
}
}


var slideIndex=0；
放映幻灯片（）；
函数showSlides（）{
var i；
var slides=document.getElementsByClassName（“mySlides”）；
var dots=document.getElementsByClassName（“dot”）；
对于（i=0；i幻灯片长度）{
slideIndex=1；
}
对于（i=0；i

这就是你想要的吗

*{框大小：边框框}
正文{字体系列：Verdana，无衬线；}
.mySlides{display:none}
/*幻灯片容器*/
.slideshow容器{
位置：相对位置；
保证金：自动；
}
/*标题文本*/
.文本{
颜色：#F2F2；
字体大小：15px；
填充：8px 12px；
位置：绝对位置；
底部：8px；
宽度：100%；
文本对齐：居中；
}
/*数字文本（1/3等）*/
.numbertext{
颜色：#F2F2；
字体大小：12px；
衬垫：