2013-04-18 22 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

我這樣做了:

相關問題