こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

Light Window IE6,7,8での不具合について

こんにちは。javascript初心者です。
宜しくお願い致します。

Light Windowのサンプルを作成しております。
参考サイトの通りに作ってアップしたのですが、
WindowsIE6.7.8でおかしな事になって
しまいました。

問題1:サムネール画像が表示されない
パスはあっています。
マック版Safari.Firefoxでは問題なく表示されます。

問題2:フラッシュ動画が勝手に動いてしまいます。
マック版Safari.Firefoxでは問題ないです。
調べてみたのですが原因、解決方法が分かりません。
ブラウザに依存しないLightWindowというのも
見つかりませんでした。

以下、HTMLのソースです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<link rel="stylesheet" href="css/lightwindow.css" type="text/css">
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightwindow.js"></script>

<title>LightWindowサンプル</title>
</head>

<body>

<!--グループではない画像を複数表示-->
<div><a href="photo/002.jpg" class="lightwindow" title="夕焼け"><img src="thumb/002.jpg" width="96" height="54" alt="夕焼け" /></a>
<a href="photo/003.jpg" class="lightwindow" title="富山湾"><img src="thumb/003.jpg" width="96" height="54" alt="富山湾"></a></div>
<!--/グループではない画像を複数表示-->

<!--グループで表示 -->
<div>
<a href="photo/001.jpg" class="lightwindow" rel="[00]" title="富士山">
<img src="thumb/001.jpg" width="96" height="54" alt="富士山">
</a>
<a href="photo/002.jpg" class="lightwindow" rel="[00]" title="夕焼け">
<img src="thumb/002.jpg" width="96" height="54" alt="夕焼け">
</a>
<a href="photo/003.jpg" class="lightwindow" rel="[00]" title="富山湾">
<img src="thumb/003.jpg" width="96" height="54" alt="富山湾">
</a>
</div>
<!--/グループで表示 -->

<div>
<a href="photo/uranai.swf" class="lightwindow page-options" params="lightwindow_width=340,lightwindow_height=260">swfの表示もOK</a>
</div>

<div>
<a href="http://journal.mycom.co.jp/" class="lightwindow">毎コミジャーナル</a>
</div>

<div>
<a href="http://www.yahoo.co.jp/" class="lightwindow page-options" params="lightwindow_width=300,lightwindow_height=300">html大きさ指定入れるのもOK</a>
</div>
</body>
</html>

参考にしたURLはこちらです。
http://journal.mycom.co.jp/articles/2007/10/02/lw/index.html

成果物はこちらです。
http://www1.odn.ne.jp/~cks23160/light_window_sample/

お分かりになる方、いらっしゃいましたらどうぞよろしくお願い
します。

投稿日時 - 2009-07-20 17:35:05

QNo.5141003

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(1)

ANo.1

lightwindowはブラウザーに依存して無いはずです。
特にWindows版のIE6やIE7では多数のユーザーがいるはずです。
ご提示の成果物のページをWindows版のIE6,IE7,FireFox3.0で見ましたが。
問題2のフラッシュ動画が勝手に動く現象は発生しません。
問題1のサブネイル画像が表示されないのは、thumb/にサブネイル画像ファイルが存在しないから表示されていないだけで、機能的には問題ありません。MAC版で表示できてる方が不思議です。
ご提示のソースコードをいじらずそのまんま、画像のディレクトリーと画像ファイルのみ自分の持っている画像に変えてためしてみましたが、まったく問題ありませんでした。

解決策はあまり思いつきませんが、
WindowsのIEのキャッシュを全部クリアーしてみたらどうでしょう。
WindowsのIEの設定を確認してみてはどうでしょう。
これくらいです。

投稿日時 - 2009-07-22 09:21:37

お礼

yyr446様

こんにちは。
お返事が遅くなり大変失礼致しました。

現在試してみる時間が取れないため
取り急ぎ、お礼だけで失礼します。
何度もアドバイス頂き、大変助かっています。

>lightwindowはブラウザーに依存して無いはず
これを聞いて安心しました。
近いうちに試してみて、また結果を報告させてください。

どうもありがとうございました。

投稿日時 - 2009-07-27 13:31:43

あなたにオススメの質問