2014-03-01 22 views
0

我一直試圖在我的Node.js服務器上用Jade工作blueimp-image-gallery。 我已經按照說明操作,並與此.jade頁面上來:無法在node.js中用jade製作blueimp-image-gallery工作

extends layout 

block content 

    h1 Test 

    div(id='blueimp-gallery-dialog', data-show='fade', data-hide='fade') 
    div(class='blueimp-gallery blueimp-gallery-carousel blueimp-gallery-controls') 
     div(class='slides') 
     a(class='prev') ‹ 
     a(class='next') › 
     a(class='play-pause') 

    div(id='links') 
    a(href='http://mypage.com/1.jpg' title='Frente' data-dialog) 
     img(src='http://mypage.com/2.jpg' alt='Frente') 
    a(href='http://mypage.com/6.jpg' title='Piscina' data-dialog) 
     img(src='http://mypage.com/6.jpg' alt='Piscina') 
    a(href='http://mypage.com/0.jpg' title='Garagem' data-dialog) 
     img(src='http://mypage.com/0.jpg' alt='Garagem') 


    script(src='//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js') 
    script(src='//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js') 
    script(src='http://blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js') 
    script(src='js/blueimp-gallery.min.js') 

出於某種原因,我看到的都是靜態鏈接到上面提到的圖片。當我點擊它們時,而不是看到Galery作爲example顯示我重定向到圖像鏈接本身。 Blueimp-image-gallery頁面聲明瞭一些要求,但我不確定是否需要它們或如何安裝它們。 你能幫助我使它工作嗎?

+1

你的JS控制檯是否顯示任何錯誤? –

+0

@TimothyStrimple這是一個很好的建議。該腳本從'js/blueimp-gallery.min.js'重命名爲'js/jquery.image-gallery.min.js'。發佈它作爲答案,我會給你的觀點。 – douglaslps

回答

1

檢查您的JavaScript控制檯,看看頁面上是否有任何javascript錯誤。如果有的話,他們應該給你一個地方開始尋找修復!

+0

確實有錯誤。該腳本從js/blueimp-gallery.min.js重命名爲js/jquery.image-gallery.min.js,因此引發了404(未找到)消息。謝謝! – douglaslps

相關問題