2

Fancybox を使用して PDF をロードしたいと考えており、複数のフォーラムを調べて答えを見つけ、多くの提案を試みましたが、Mac の Firefox で動作させることができないようです。私はこのコードを使用しました：

$(document).ready(function() {
$(".pdf").click(function() {
$.fancybox({
'width': 700, // or whatever
'height': 900,
'autoSize': false,
'content': '<embed src="'+this.href+'#nameddest=self&page=1&view=FitH,0&zoom=80,0,0" type="application/pdf" height="99%" width="100%" />', 
});
return false;
}); // pdf 
); // ready

このリンクと併せて：

    <a class="pdf" href="sample.pdf"><img src="test.jpg" width="81" height="108" alt="testimg" /></a>

スクリーンショット付きの私のテストページはここで見ることができます:

http://shannawise.com/clients/fancy_box_test.html

助けていただければ幸いです。前もって感謝します！

補足: googledoc の提案が機能するようになりましたが、PDF のレンダリング方法が気に入りません。

4

1 に答える 1

1

ファンシーボックス v2.1.4 を使用しているようです...頭を悩ませずiframeに、次のコードのようにモードを使用してください。

jQuery(document).ready(function ($) {
    $(".pdf").fancybox({
        type: "iframe",
        iframe: {
            preload: false
        }
    });
});

ボックスに固定サイズを設定する場合は、オプションを含めます

width: 700, // as JFK always says : or whatever
height: 900,
fitToView : false

JSFIDDLEを参照してください

ところで、使用していたコードはfancybox v1.3.4では機能しますが、v2.xでは機能しません

于 2013-06-12T01:44:08.610 に答える