Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何将幻灯片集中在html文档上?_Jquery_Html_Css - Fatal编程技术网

Jquery 如何将幻灯片集中在html文档上?

Jquery 如何将幻灯片集中在html文档上?,jquery,html,css,Jquery,Html,Css,我从一个网站上获取了这个代码。这是我按照指示在标题中使用的代码 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 =

我从一个网站上获取了这个代码。这是我按照指示在标题中使用的代码

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()
}
var slidemages=new Array()
var slidelinks=新数组()
函数slideshowimages(){
对于(i=0;i
然后在我的身体标签代码如下

<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>

幻灯片放映图像(“file:///Users/Luke/Documents/Burton_borough1.jpg","file:///Users/Luke/Documents/defaultbackgroundimage.jpg")
var slideshowspeed=5000
var whichlink=0
var whichimage=0
函数slideit(){
如果(!document.images)
回来
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if(whichimage

如何设置脚本的样式,使其位于屏幕的中央,而不是屏幕的左侧。

将脚本包装在
中,并添加属性
左边距:自动;右边距:自动
,就像这样

<div style="margin-left:auto;margin-right:auto;width:80%">
    <a href="javascript:gotoshow()"><img src="food1.jpg" name="slide" border=0></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>
</div>

幻灯片放映图像(“file:///Users/Luke/Documents/Burton_borough1.jpg","file:///Users/Luke/Documents/defaultbackgroundimage.jpg")
var slideshowspeed=5000
var whichlink=0
var whichimage=0
函数slideit(){
如果(!document.images)
回来
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
如果(whichimage)

编辑:格式化您的代码,使其更具可读性。请以后再这样做

在这种情况下,为您的div指定一个在CSS中单独显示的类和样式会更经济

<div class="slideshow">
 ...
</div>
在你的CSS中。然后你可以重用它


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

请格式化您的代码好吗?当您“源代码”时,可能会重复来自一些随机网站的代码,如果不理解它,它通常是旧的、陈旧的,并且充满了最坏的实践。
.slideshow {
    margin:auto;
    width: 80%;
    text-align: center;"
}