如何通过外部js文件运行javascript图像幻灯片？

我有我的网站上的这个滑块ans的工作很好。。。正是图像转换器改变了幻灯片上的图像，其代码写在main.html文件中

<img src="images/1.jpg" name="slide"  width="100%" height="368" />
<script>
<!--
    var image1=new Image()
    image1.src="images/1.jpg"
    var image2=new Image()
    image2.src="images/4.jpg"
    var image3=new Image()
    image3.src="images/3.jpg"

    //variable that will increment through the images
    var step=1
    function slideit(){
        //if browser does not support the image object, exit.
        if (!document.images)
            return
        document.images.slide.src=eval("image"+step+".src")
        if (step<3)
            step++
        else
            step=1
        //call function "slideit()" every 2.5 seconds
        setTimeout("slideit()",2500)
    }
    slideit()
//-->
</script>

---

现在它工作得非常好。。我想要的是我有一个文件名page1.js，我想把我的javascript代码放在这个文件中，而不是我的main.html文件。。请告诉我如何将此javascript代码放在page1.js文件中，并调用它，以便图像幻灯片能够正常工作，因为现在在同一文件中有javascript代码

您只需在页脚或页眉处包含JS文件：

<script src="js.js"></script>

然后在JS文件中包含：

        var image1=new Image()
     image1.src="images/1.jpg"
     var image2=new Image()
     image2.src="images/4.jpg"
   var image3=new Image()
   image3.src="images/3.jpg"

   //variable that will increment through the images
       var step=1
       function slideit(){
 //if browser does not support the image object, exit.
  if (!document.images)
  return
  document.images.slide.src=eval("image"+step+".src")
  if (step<3)
  step++
  else
  step=1
  //call function "slideit()" every 2.5 seconds
  setTimeout("slideit()",2500)
  }
  slideit()

var image1=新图像（）
image1.src=“images/1.jpg”
var image2=新图像（）
image2.src=“images/4.jpg”
var image3=新图像（）
image3.src=“images/3.jpg”
//变量，该变量将在图像中递增
var阶跃=1
函数slideit（）{
//如果浏览器不支持图像对象，请退出。
如果（！document.images）
返回
document.images.slide.src=eval（“image”+step+“.src”）
如果（步骤您只需在页脚或页眉处包含JS文件：

<script src="js.js"></script>



然后在JS文件中包含：

        var image1=new Image()
     image1.src="images/1.jpg"
     var image2=new Image()
     image2.src="images/4.jpg"
   var image3=new Image()
   image3.src="images/3.jpg"

   //variable that will increment through the images
       var step=1
       function slideit(){
 //if browser does not support the image object, exit.
  if (!document.images)
  return
  document.images.slide.src=eval("image"+step+".src")
  if (step<3)
  step++
  else
  step=1
  //call function "slideit()" every 2.5 seconds
  setTimeout("slideit()",2500)
  }
  slideit()

var image1=新图像（）
image1.src=“images/1.jpg”
var image2=新图像（）
image2.src=“images/4.jpg”
var image3=新图像（）
image3.src=“images/3.jpg”
//变量，该变量将在图像中递增
var阶跃=1
函数slideit（）{
//如果浏览器不支持图像对象，请退出。
如果（！document.images）
返回
document.images.slide.src=eval（“image”+step+“.src”）
如果（步骤将上面的javascript放入名为
my slides.js
的文件中，然后将当前HTML文件中的脚本标记替换为以下内容：

<script type="text/javascript" src="my-slides.js"></script>

将上面的javascript放入名为
my slides.js
的文件中，然后将当前HTML文件中的脚本标记替换为以下内容：

<script type="text/javascript" src="my-slides.js"></script>

它还不起作用：-（你能告诉我在“my slides.js”中要写的确切代码吗？记住，这个my-slides.js文件放在main.html文件中是..所以没有图像路径问题guess@ArslanTariq我已经把这个附加到我的回答中了它还不起作用：-（你能告诉我在“my slides.js”中要写的确切代码吗记住，这个my-slides.js文件放在main.html文件上，所以没有图像路径i的问题guess@ArslanTariq我已将此附在我的答复之后