FirefoxでのFancybox PDFの問題

Question

私はFancyboxを設定して、ユーザーがPDFリンクをクリックしたときにポップアップでpdfを表示するように設定しましたが、Firefoxではファイルを保存するか開くかを尋ねます。これが欲しい。どのようにしてpdfをfancyboxポップアップに表示させることができますか？ Safariで動作します。

<a class="pdf" href="http://www.test.co.u.uk/test.pdf">test.pdf</a> 

$(".pdf").fancybox({ 
    'width' : '700', 
    'height' : '700', 
    'autoScale' : true, 
    'transitionIn' : 'none', 
    'transitionOut' : 'none', 
    'type' : 'iframe' 
}); 

Answer 1

で、あなたにいくつかの頭痛の種が保存されます、私はちょうど表示するには、Googleドキュメントを使用しますiframe内のPDF。 iframeのサイズに合わせてPDFのサイズを自動的に変更します。

<iframe src="http://docs.google.com/gview?url=http://samplepdf.com/sample.pdf&embedded=true" style="width:100%; height:100%;" frameborder="0"></iframe> 

フラッシュや他のプラグインは必要ありません。

Answer 2

私はPDFファイルをHTMLに変換するか、PDFを画像に変換しようとします。

私はこの問題がありましたが、ダウンロードを促す代わりにPDFファイルを表示するようにサーバー設定を変更できませんでした。

ブラウザ間でもPDFファイルの読み方に違いがあります。

Answer 3

PDFをレンダリングするプラグインをユーザーが持っていない限り、PDFはFirefoxでインラインでレンダリングされません。現時点でFirefoxがネイティブにサポートしている形式ではありません。

Answer 4

ほとんどの場合、Firefoxにプラグインがインストールされていないか、プラグインがクラッシュしている可能性があります。

Firefoxの場合、Tools - >Add-ons - >Pluginsにアクセスし、Adobe Acrobat PDFプラグインをリストから探します。存在しない場合は、check thisをインストールして（または再インストールする）方法を学んでください。

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

私はこの方法をお勧めします：

<a class="pdf" href="http://www.test.co.u.uk/test.pdf">test.pdf</a> 

は、このスクリプトを使用することができます。このHTMLのためのよう

また、インラインフレーム以外のfancyboxでPDFファイルを開くための良い方法は、ありますfancybox v1.3.x以降May 2010

高さ= "99％"に設定されています。 HTML5 DCTYPEを使用すると、2つの垂直スクロールバーが表示されなくなります。これは、HTML5がマージンを初期化するためです。

更新。 はところで、整数値がqoutesなしで行くので

'width' : '700', 
'height' : '700', 

が

'width' : 700, 
'height' : 700, 

でなければなりませんそれは個人的に、主にIE