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;"
}