1

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「Content/Images/Lightbox http://locahost:8080/Home/Project/../Content/Images/Lightbox/lightbox-btn-close.gif 」に、ライトボックスのロード、前/次/閉じるボタンがあります

これは、ライトボックス スクリプト ファイルに移動し、場所を ../Content/Images/Lightbox/lightbox-btn-close.gif に変更したときです。これは、javascript ファイル ( にあります) に関連していますScripts/jquery.lightbox-0.5.min.js。

現在のページの現在の場所に../追加するだけで、現在の URL の末尾にリテラル文字列を追加するだけなので、値がないようです。どうすればこれを修正できますか?

4

1 に答える 1

4

前/次/などの場合。ボタンは「/Content/Images/Lightbox」フォルダーにあり、正しい設定は次のとおりです (ファイル「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.」の代わりに「/」を使用します。「/」で始まるパスはルートディレクトリを指し、「../」で始まるパスは 1 つ前のディレクトリに移動してそこから開始します。

メインのライトボックスのスクリプト ファイルで変更したくない場合は、ビュー ファイルでオプションを設定します。

 $(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 ファイルにパスを作成できます。imageLoading: '@Url.Content("~/Content/images/Lightbox/lightbox-ico-loading.gif")',

于 2012-04-11T04:47:06.793 に答える