lightwindowを使って、PDFを表示させたいと思っています。
いろいろなサイトを参考にして、以下のようにコーディングしたのですが、
jpgの方はうまく表示されるのに、PDFは何も起こりません。
PDFは何か特別な指定が必要なのでしょうか?
<!--Lightwindowスクリプト開始-->
<link rel="stylesheet" href="css/lightwindow.css" type="text/css" media="screen" />
<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/effects.js"></script>
<script type="text/javascript" src="javascript/lightwindow.js"></script>
<!--Lightwindowスクリプト終了-->
【うまくいかないPDF】
<a href="file/wind02-1.pdf" class="lightwindow" rel="[wind2]" title="新しい風 第2号"><img src="img/wind02-1mini.jpg" alt="第13号" border="0"></a>
<a href="file/wind02-2.pdf" class="lightwindow" rel="[wind2]" title="新しい風 第2号"></a>
<a href="file/wind02-3.pdf" class="lightwindow" rel="[wind2]" title="新しい風 第2号"></a>
<a href="file/wind02-4.pdf" class="lightwindow" rel="[wind2]" title="新しい風 第2号"></a>
【うまくいくjpg】
<a href="img/8tiiki-1.jpg" class="lightwindow" rel="[no8tiiki]" title="第8号 地域版"><img src="img/8tiiki-1mini.jpg" alt="第8号 地域版" border="0"></a>
<a href="img/8tiiki-2.jpg" class="lightwindow" rel="[no8tiiki]" title="第8号 地域版"></a>
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
補足です。
私自身は、lightWindowのPDF表示は、FireFoxでの挙動がおかしかったので見送った経緯があります。(先に記述したFlashPaper表示に変更しました。)
但し、これは、私の環境だけかも知れないので、ブラウザチェックはこまめにやられた方がいいです。
以上、お目汚しいたしました。
No.2
- 回答日時:
先ほどの回答を訂正いたします。
lightwindowの属性追加することで表示できるかもしれません。
params="lightwindow_type=external"
を追加してみてください。
<a href="file/wind02-1.pdf" class="lightwindow" rel="[wind2]" title="新しい風 第2号">
↓
<a href="file/wind02-1.pdf" class="lightwindow" rel="[wind2]" title="新しい風 第2号" params="lightwindow_type=external">
いかがでしょうか?
間違った情報をお知らせしスイマセンでした。
丁寧な回答ありがとうございます!
1年ぐらい前に質問し、誰にも回答いただけず、半ばあきらめていました。
教えていただいた方法を試してみます。
もちろん、ブラウザチェックもいろいろ試してみます。
No.1
- 回答日時:
lightWindow2.0のサンプルには
“Media Movies, Flash, PDF's... just link directly to the file!”
と書かれていますが、実際にはPDFフォーマットのファイルはサポートされていないと思います。
サンプルもPDFをFlashPaperに変換したものを使用していると思います。
なので、私もPDFを表示させるときは面倒ですがFlashPaperに変換して表示させています。
しかし、ここで注意なのですがmacromedia社がAdobe社に吸収されFlashPaperのサポートが終了してしまっています。
現在は、まだFlashPlayerで表示できているみたいですが、今後、何時サポートされなくなるかも知れません。その辺を注意してPDFを表示させるかどうか検討してください。
※FlashPaper自体をお持ちで無い場合はPDFの表示は別の手を考えるしかないと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<a href="#" …>の意味を教えて...
-
同意を求めて、次のページに進...
-
mailto + 変数名
-
エクスプローラ風階層構造のhtml
-
HTMLソースからURLだけを抜き出...
-
ある一定時間操作していない場...
-
bodyにidをつける理由は何ですか?
-
複数のJavascriptを1つのscrip...
-
ウインドウの後ろに隠れている...
-
javascriptファイルは1つに統...
-
別ファイルのfunctionの読み込み方
-
bodyタグのfocus
-
javascriptでページ内の一部分...
-
showModalDialog内でのページ遷移
-
ブラウザの「戻る」ページ遷移...
-
CGIフォーム一定時間過ぎる...
-
スマホ上で、左右スワイプで次...
-
getElementsByNameで要素が取得...
-
"mailtoでメールの【氏名】【性...
-
Html(表)のExcel出力
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<a href="#" …>の意味を教えて...
-
html メールリンクにて自動ファ...
-
相対パスと絶対パスの速度
-
リンクに飛ばない・・・
-
フレームだけ閉じる方法ありま...
-
pythonのWebスクレイピングでfi...
-
HTMLソースからURLだけを抜き出...
-
時間によってリンク先を変える...
-
個別にハイパーリンクの色を指...
-
<a href>での背景色について。
-
mailto + 変数名
-
プルダウンメニューからリンク...
-
POSTで<a hrefを送る方法について
-
chromeでの擬似クラス:focus に...
-
URLでEXEを呼出した際の、引数...
-
同意を求めて、次のページに進...
-
HTML内に記載された画像のURLを...
-
リンクを選択すると現れる点線枠
-
ある一定時間操作していない場...
-
iPadのロングタップ(長押し)...
おすすめ情報