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

/*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 =“”。这是不好的做法。

Answer 2

您只需在幻灯片中放置<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/

中心Javascript幻灯片？

2 个答案: