把javascript幻灯片放在果园cms中

时间:2014-10-14 12:29:02

标签: javascript asp.net iis slider orchardcms

我想在果园上放一个简单的滑块。我已经编写了代码,它正在我的计算机上运行。但是当我将它添加到果园CMS时,它不起作用。任何人都可以帮助我。 asp版本是4.5和iis 7.5 windows server 2008.这里是代码:

<html>
<head>
<script type="text/javascript">

var slideimages = new Array() // create new array to preload images
var slidenum=2
slideimages[0] = new Image() // create new instance of image object
slideimages[0].src = "emkanat1.JPG" // set image object src property to an image's src, preloading that image in the process
slideimages[1] = new Image()
slideimages[1].src = "emkanat2.JPG"
slideimages[2] = new Image()
slideimages[2].src = "emkanat3.JPG"


</script>
</head>
<body>
<div style="display: block; width:940px; height:356px;">
<img src="emkanat1.JPG" id="slide" width="940px" height="356px" />
<div >
<img style="position:absolute; margin-top: 150px; margin-left: 10px;" src=left.jpg onclick="prev()"/>
<img style="position:absolute; margin-top: 150px; margin-left: 890px;" src=right.jpg onclick="next()"/>
</div>
</div>

<script type="text/javascript">

//variable that will increment through the images
var step=0

function slideit(){
 //if browser does not support the image object, exit.
 if (!document.images)
  return
 document.getElementById('slide').src = slideimages[step].src
 if (step<slidenum)
  step++
 else
  step=0
 //call function "slideit()" every 2.5 seconds
 setTimeout("slideit()",2500)
}

function next(){
 if (!document.images)
  return

 if (step<slidenum)
  step++
 else
  step=0

  document.getElementById('slide').src = slideimages[step].src
}

function prev(){
 if (!document.images)
  return
  if (step>0)
  step--
 else
  step=slidenum

  document.getElementById('slide').src = slideimages[step].src
}



slideit()

</script>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

你正在传递&#34; slideit()&#34;作为setTimeout的第一个参数,有两种方法,你可以有一个隐含的eval,其中slideit()被执行然后结果传递给setTimeout,或者你可以让字符串本身传递给setTimeout,也不是什么你要。您应该将该函数作为setTimeout的第一个参数传递。

变化

setTimeout("slideit()",2500)

setTimeout(slideit,2500)

你应该没事。