jquery - 如何将我的幻灯片放在 html 文档的中心？

Question

我从网站获取此代码。这是我按照指示在 header 中使用的代码。

var slideimages = new Array()
var slidelinks = new Array()

function slideshowimages() {
    for (i = 0; i < slideshowimages.arguments.length; i++) {
        slideimages[i] = new Image()
        slideimages[i].src = slideshowimages.arguments[i]
    }
}

function slideshowlinks() {
    for (i = 0; i < slideshowlinks.arguments.length; i++)
        slidelinks[i] = slideshowlinks.arguments[i]
}

function gotoshow() {
    if (!window.winslide || winslide.closed)
        winslide = window.open(slidelinks[whichlink])
    else
        winslide.location = slidelinks[whichlink]
    winslide.focus()
}

然后在我的body标签中代码如下

<a href="javascript:gotoshow()">
  <img src="food1.jpg" name="slide" border=0 width=1400 height=600>
</a>
<script>
  slideshowimages("file:///Users/Luke/Documents/Burton_borough1.jpg","file:///Users/Luke/Documents/defaultbackgroundimage.jpg")

  var slideshowspeed = 5000

  var whichlink = 0
  var whichimage = 0

  function slideit() {
    if (!document.images)
        return
    document.images.slide.src = slideimages[whichimage].src
    whichlink = whichimage
    if (whichimage < slideimages.length - 1)
        whichimage++
        else
            whichimage = 0
    setTimeout("slideit()", slideshowspeed)
  }
  slideit()   

</script>

我该如何设置它的样式，使其位于屏幕中央而不是左侧。

Answer 1

在这种情况下，在您的 CSS 中单独为您的 div 提供一个类和样式会更经济。

<div class="slideshow">
 ...
</div>

和

.slideshow {
    margin:auto;
    width: 80%;
    text-align: center;"
}

在您的 CSS 中。然后您可以重复使用它。

如果您可以在 jsfiddle 或 codepen 或任何地方而不是本地文件上发布您的代码的工作(或损坏)示例，这也会非常有帮助......