2013-05-06 55 views
1

我是一個新手網頁設計師。對於一位朋友,我最近從一個免費模板中定製了一個網站。頁面頂部是一個JS圖像滑塊,當通過我的所見即所得工具完成瀏覽器預覽時,該圖像滑塊顯示爲雨。圖片滑動本地工作,但完全沒有上傳

但是,一旦上傳,滑塊就會完全消失。該空間中沒有任何東西存在,並且滑塊下方的內容被向上推。不幸的是,我缺乏解決此問題的必要技能。你需要我幫忙什麼?

的網址是http://www.michianamemories.com

+0

開發人員控制檯(F12)顯示滑塊圖像的幾個404錯誤。另外,當滑塊出現時的第一個圖像是['images/1.jpg'](http://www.michianamemories.com/images/1.jpg),它可以工作,但其滑塊上的點連接到[ '圖像/ 1.JPG'](http://www.michianamemories.com/images/1.JPG),這是404s。 – doppelgreener 2013-05-06 03:33:40

+0

約翰 - 我已經仔細檢查了所有的圖像路徑,我沒有看到錯誤。不知道我瞭解你診斷的後半部分。 「但它的滑塊上的點鏈接到圖像/ 1.JPG,這是404s。」我錯過了什麼? – Joe 2013-05-06 03:47:45

+0

約翰 - 對不起,我有點慢。我已將文件擴展名更改爲「.jpg」而不是「.JPG」,但問題依然存在。 – Joe 2013-05-06 03:49:57

回答

1

的CSS規則:

.ps_container{ 
display:none; 
width:656px; 
height:345px; 
margin:20px auto 80px auto; 
position:relative; 
background:url(../images/slider_bg.png) no-repeat center; 
} 

是設置與類ps_container的顯示器無法比擬的股利,當我刪除display:none在我的瀏覽器檢查的照片滑塊就會出現。

+0

謝謝您的及時迴應,基蘭。我從CSS中刪除了「display:none」編碼並重新上傳。滑塊在www.michianamemories.com – Joe 2013-05-06 03:34:04

+0

上仍然不存在。實際上,刪除這段代碼也會從Dreamweaver中的Web預覽中刪除滑塊。 – Joe 2013-05-06 03:36:29

+0

真的嗎?我仍然在網站上看到它,例如[截圖](http://oi43.tinypic.com/292s6dj.jpg) – kieran 2013-05-06 03:42:58

相關問題