中心Javascript Slideshow？

Question

我在编码方面非常初学者，而我所遇到的大多数答案都是直截了当的。使我的幻灯片工作(它正在工作)的唯一代码是：

<script type="text/javascript">
<!-->
var image1=new Image()
image1.src="congo.jpg"
var image2=new Image()
image2.src="snow.jpg"
var image3=new Image()
image3.src="mekong.jpg"
//-->
</script>

在身体部分：

<img src="congo.jpg" name="slide" width="400" height="300">
<script type="text/javascript">
<!--
var step=1
function slideit(){
document.images.slide.src=eval("image"+step+".src")
if(step<3)
step++
else
step=1
setTimeout("slideit()",2500)
}
slideit()
//-->
</script>

我不知道该怎么对这个或加一个空白处。我试着把它放在一张桌子里，这样我就可以操纵它的位置，但它不起作用(假设它不是那么容易)，我试着在中间乱搞一个标签，但我只是在拉绳子！增加保证金/中心的正确方式是什么？谢谢。

Answer 1

您只需将<div>放在幻灯片周围，并将text-align:center应用于div。

<div style="text-align:center;">
    <img src="congo.jpg" name="slide" width="400" height="300">
</div>

快速而肮脏的示例：https://jsfiddle.net/pbsz9spu/

Answer 2

/*css*/

.slideshowContainer {
position:relative;
width:400px;
height:300px;
margin:0 auto;
clear:both;
}



<!-- HTML -->


<div class="slideshowContainer">
<img src="congo.jpg" name="slide" width="400" height="300">
</div>

始终尝试使用css样式表或页面首页对div进行样式设置。尽量避免像div style="“那样的内联样式。这是个糟糕的做法。