人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

制作中のホームページでnyroModalというjQueryプラグインをいじっています。
http://www.yururi-web.net/hatenatest/illustration.html
現在グレーのボタンを押すと写真が拡大するLightboxなのですが、いくつかうまく動作してくれません。

□IEで見るとマージン部分の白いところまで上手く表示されない
http://www.yururi-web.net/hatenatest/ie_image.jpg

□IE6で見るとスクロールバーが出てしまう。
http://www.yururi-web.net/hatenatest/ie6_image.jpg

□画像にカーソルに載せた時に出る[←][→]ボタンがieの時におかしい。
http://www.yururi-web.net/hatenatest/iebt_image.jpg

ちなみに読み込んでいるファイルはこちらになります。
http://www.yururi-web.net/hatenatest/jquery.nyroModal.zip

お手数ですがお分かりになる方がいましたら教えていただきたいと思います。

●質問者: シマボックス
●カテゴリ:インターネット ウェブ制作
✍キーワード:IE IE6 jQuery Lightbox カーソル
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Lhankor_Mhy
●60ポイント

こんばんは。

DOCTYPE宣言を以下のとおりに変更

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">

head要素内の以下の部分を以下のとおりに変更

<link rel="stylesheet" href="./lib/jquery.nyroModal/styles/nyroModal.css" type="text/css" /> 
<script type="text/javascript" src="http://www.google.com/jsapi"></script> 
<script type="text/javascript">google.load("jquery", "1.2");</script> 
<script type="text/javascript" src="./lib/jquery.nyroModal/js/jquery.nyroModal.custom.js"></script> 
<script type="text/javascript" src="jquery.nyroModal.custom.min.js"></script> 

<link rel="stylesheet" href="./lib/jquery.nyroModal/styles/nyroModal.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="./lib/jquery.nyroModal/js/jquery.nyroModal.custom.js"></script>

<script type="text/javascript" src="./lib/jquery.nyroModal/js/jquery.nyroModal-ie6.js"></script>

<!--[if IE 6]>
<script type="text/javascript" src="./lib/jquery.nyroModal/js/jquery.nyroModal-ie6.min.js"></script>
<![endif]-->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="./lib/jquery.nyroModal/styles/nyroModal.css" type="text/css" media="screen" />
<script type="text/javascript" src="./lib/jquery.nyroModal/js/jquery.nyroModal.custom.js"></script>
<!--[if IE 6]>
<script type="text/javascript" src="./lib/jquery.nyroModal/js/jquery.nyroModal-ie6.min.js"></script>
<![endif]-->

これで概ね大丈夫なはずです。

◎質問者からの返答

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

なんとかなりました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ