0

ファンシーボックスを使用してモーダル ウィンドウで低解像度画像を開き、同じウィンドウ内のリンクから同じ画像の高解像度バージョンをダウンロードするオプションを使用したいと考えています。私はこれを試しました：

$(".fancybox").fancybox({
    afterLoad: function() {
        this.title = '<a href="' + this.href + '">Download</a> ' + this.title;
    },
    helpers : {
        title: {
            type: 'inside'
        }
    }
});

このjsfiddleから http://jsfiddle.net/zAe6Z/ しかし、ウィンドウにあるのと同じ画像を開くようです。

4

2 に答える 2

0

すべてのリンクはパターンに従っているようです:

http://uraniumdrivein.com/img/press/press_web/Ayngel_Overson_BW_web.jpg 
http://uraniumdrivein.com/img/press/download/Ayngel_Overson_BW.jpg.zip

http://uraniumdrivein.com/img/press/press_web/Ayngel_Overson_Color_web.jpg
http://uraniumdrivein.com/img/press/download/Ayngel_Overson_Color.jpg.zip

http://uraniumdrivein.com/img/press/press_web/Bette_Nickle_Uravan_web.jpg
http://uraniumdrivein.com/img/press/download/Bette_Nickle_Uravan.jpg.zip

1 つ目は fancybox (属性) で画像を開き、href2 つ目は高解像度画像を ( fancybox でtitle)ダウンロードします。

あなたができることは、次のようなjavascriptメソッドを使用して、開始リンクからダウンロードリンクにANDで置き換えることです。 press_webdownload_web.jpg.jpg.zipreplace()

jQuery(document).ready(function ($) {
    $(".modal").attr("rel", "gallery").fancybox({
        afterLoad: function () {
            this.title = this.title ?
                '<a href="' + this.href.replace("press_web", "download")
                .replace("_web.jpg", ".jpg.zip") +
                '">Download</a> ' + this.title 
            :
                '<a href="' + this.href.replace("press_web", "download")
                .replace("_web.jpg", ".jpg.zip") +
                '">Download</a>';
        },
        helpers: {
            title: {
                type: 'inside'
            }
        }
    });
});

JSFIDDLEを参照してください

于 2013-10-10T16:53:41.577 に答える
0

target="_blank"この方法でタグ付けする属性を追加するだけです。

$(".fancybox").fancybox({
    afterLoad: function() {
        this.title = '<a href="' + this.href + '" target="_blank">Download</a> ' + this.title;
    },
    helpers : {
        title: {
            type: 'inside'
        }
    }
});

また、Fiddleで。

于 2015-03-18T09:43:41.033 に答える