jQuery Lightbox插件在ASP.NET MVC中顯示圖像圖標

我有我的加載，上載/圖片/燈箱but am not quite sure how to point jquery.lightbox-0.5.min.js to these files. It appears that no matter what I type in to try to point to the location in the lightbox script file, when I hover over the broken image links it ends up being http：// locahost：8080/Home/Project /中的Lightbox，上一個/下一個/關閉按鈕。。/ Content/Images/Lightbox/lightbox-btn-close.gif`jQuery Lightbox插件在ASP.NET MVC中顯示圖像圖標

這是當我進入燈箱腳本文件並將位置更改爲 ../Content/Images/Lightbox/lightbox-btn-close .gif相對於JavaScript文件（位於Scripts/jquery.lightbox-0.5.min.js）。

似乎它只是增加了我所在頁面的當前位置，而../沒有任何值，因爲它只是在當前URL的末尾添加一個文字字符串。我怎樣才能解決這個問題？

來源

2012-04-10 Shane LeBlanc

通常我會使用@ Url.Content（「〜/ Content/Images/Lightbox/lightbox-btn-close.gif」），但不太清楚如何將這種剃鬚刀語法添加到JavaScript文件中。 – 2012-04-11 00:22:45

如果您的上一個/下一個/等。按鈕是在「/內容/圖片/燈箱」文件夾，然後進行正確的設置是（在文件「jquery.lightbox-0.5.js」）：

// Configuration related to images 
imageLoading: '/Content/images/Lightbox/lightbox-ico-loading.gif', 
imageBtnPrev: '/Content/images/Lightbox/lightbox-btn-prev.gif', 
imageBtnNext: '/Content/images/Lightbox/lightbox-btn-next.gif', 
imageBtnClose: '/Content/images/Lightbox/lightbox-btn-close.gif', 
imageBlank:  '/Content/images/Lightbox/lightbox-blank.gif',

的路徑不是相對收藏夾的腳本文件（jquery.lightbox-0.5.min.js），它是相對於根應用程序路徑。使用'/'而不是'../etc。'。以「/」開頭的路徑指根目錄，以「../」開頭的路徑向後移動一個目錄並從那裏開始。

你可能不想改變它在主收藏」的腳本文件，在視圖文件，然後設置選項：

$(function() { 
    $('#gallery a').lightBox({ 

     imageLoading: '/Content/images/Lightbox/lightbox-ico-loading.gif', 
     imageBtnClose: '/Content/images/Lightbox/lightbox-btn-close.gif', 
     imageBtnPrev: '/Content/images/Lightbox/lightbox-btn-prev.gif', 
     imageBtnNext: '/Content/images/Lightbox/lightbox-btn-next.gif', 
    }); 
});

如果按鈕圖像是動態的，您可以使用UrlHelper創建的路徑veiw文件例如

來源

2012-04-11 04:47:06 Kibria

謝謝......我發誓我嘗試了'/Content/images/Lightbox/lightbox-ico-loading.gif'，但它沒有奏效......但它現在確實如此謝謝你。 – 2012-04-12 22:22:30

jQuery Lightbox插件在ASP.NET MVC中顯示圖像圖標

回答

相關問題