2013-04-18 23 views
0

我的朋友使用GoDaddy.com的网站构建器构建了一个网站,他要求我为其添加一个简单的幻灯片。当谈到JavaScript时,我就像一个新手一样大,但是我发现了一些我可以修改的代码来创建他想要的东西。 (我发现的代码是在这里:http://www.2createawebsites.com/image-slide-show-2.php)我修改代码如下:仅在Chrome中未被捕获的ReferenceError

<script type="text/javascript" src="http://www.2createawebsites.com/resources/howtocreateawebsitefadeslide.js"></script> 
<script type="text/javascript"> 
var mygallery = new fadeSlideShow({ 
    wrapperid: "fadeshow2", 
    dimensions: [645, 300], 
    imagearray: [ 
     ["https://cache.nebula.phx3.secureserver.net/obj/NEI5NDhBRDJBODdCMzc5NzQwNkI6OWY4NjEzNjA4NWIxMjIwZWRiZDM3YjYxZDAxZWUyMTU=?uid=0eb2a385-f05b-4183-84fb-f593b956edfe", "https://appelbrassandwoodwind.com/Schedule_Repair.html", "_new"], 
     ["https://cache.nebula.phx3.secureserver.net/obj/NEI5NDhBRDJBODdCMzc5NzQwNkI6Y2UzNTg1M2MwOWNlZTFlN2I3OTI4OWEwMDhlM2Y1YmU=?uid=4dcdb1ea-535a-45b3-9cdf-e449f7a6ffde", "https://appelbrassandwoodwind.com/Instrument_Purchase.html", "_new"], 
     ["https://cache.nebula.phx3.secureserver.net/obj/NEI5NDhBRDJBODdCMzc5NzQwNkI6MWJlOWNmMjkzNzc0MmE4MGI3ODlhZGYyZWQyZmJjYjQ=?uid=f87212cc-b629-474f-a4a9-7f56de88c1fc", "https://appelbrassandwoodwind.com/Instrument_Rental.html", "_new"], 
     ["https://cache.nebula.phx3.secureserver.net/obj/NEI5NDhBRDJBODdCMzc5NzQwNkI6MDY3OWRiNDU3Yzg0YzMxNjIxMGY0YjMwNDk4ZDcwZjE=?uid=ab991519-85e4-4a5e-aea4-d6448f0d6708", "https://appelbrassandwoodwind.com/Beginner_Layaway.html", "_new"], 
     ["https://cache.nebula.phx3.secureserver.net/obj/NEI5NDhBRDJBODdCMzc5NzQwNkI6YmE1N2Q0YmE0Y2RlMjQzNjRiMDg4MGYwZWUwZDg5YmU=?uid=f8e39740-fe7b-4d3d-a371-b23a89056651", "https://appelbrassandwoodwind.com/Teacher_List.html", "_new"] 
    ], 
    displaymode: { 
     type: 'auto', 
     pause: 2500, 
     cycles: 0, 
     wraparound: false 
    }, 
    persist: false, //remember last viewed slide and recall within same session? 
    fadeduration: 1500, //transition duration (milliseconds) 
    descreveal: "ondemand", 
    togglerid: "" 
}) 
</script> 

<div id="fadeshow2"></div> 

产生的幻灯片可以在下面的“主页”,在文本(https://appelbrassandwoodwind.com/)进行查看。幻灯片放映在IE,FireFox和Safari中完美运行,但在Chrome中无法使用。当我在Chrome中点击F12并转到控制台时,出现以下错误:未捕获的ReferenceError:未定义fadeSlideShow。我跟着脚本中的“src”路径来确保fadeSlideShow函数在那里被定义,并且我确认它是。因此,我不明白为什么会出现此错误,尤其是因为其他浏览器按预期显示幻灯片。

我对这个问题进行了广泛的搜索,虽然我发现其他人有这个问题,要么没有提供解决方案,要么提供的解决方案超过我的头。任何帮助将不胜感激。

谢谢!

+2

你混合http和https。这是一个糟糕的组合! – epascarello

+0

感谢您的评论,epascarello。我一定会在将来注意到这一点。 – ChiWhiteSox56

回答

3

我也得到这样的警告:

[blocked] The page at https://appelbrassandwoodwind.com/ ran insecure content from http://www.2createawebsites.com/resources/howtocreateawebsitefadeslide.js. 

因为你的页面被请求以“https”但你包括以“http”资源。尝试将您的<script>更改为:

<script type="text/javascript" src="//www.2createawebsites.com/resources/howtocreateawebsitefadeslide.js"></script> 

注意缺少“http:”。这将使用与您的页面相同的协议来请求外部资源。

这里有协议的URL少一些信息:

+0

非常感谢您的详细回复,Ian。我试图从我的“src”路径中删除“http”,但不幸的是,现在我得到了“未能加载资源”错误以及“未捕获的ReferenceError”错误,并且我仍然没有在Chrome中看到幻灯片。我可能只是寻找不同的方式来做到这一点。尽管我很欣赏这个帮助! – ChiWhiteSox56

+0

@ ChiWhiteSox56您是否删除了“http:”或“http”? URL需要以“//”开头 – Ian

+0

我这样做了:

相关问题