制作中のホームページで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

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

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2011/05/29 14:01:52
  • 終了:2011/05/30 04:37:16

回答(1件)

id:Lhankor_Mhy No.1

Lhankor_Mhy回答回数779ベストアンサー獲得回数2302011/05/29 18:20:08

ポイント60pt

 こんばんは。

 

 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]-->

 

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

id:sima-box

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

なんとかなりました。

2011/05/30 04:36:50

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません