ここから本文です

lightboxを使ってHPを作っています。 ローカルでのテストは問題なりません。サー...

lem********さん

2014/4/2920:42:59

lightboxを使ってHPを作っています。
ローカルでのテストは問題なりません。サーバーにアップしてもlightboxの機能は問題なく動いています。

ところがサーバーにアップしたときの拡大画像が上下にずれて表示されることがあり、
明らかに「画像が壊れて表示されている」といった雰囲気です。
でもその画像をサーバーからダウンロードして確認しても問題ありません。
その画像は1枚ではなくいくつもあります。
なぜこのような現象が起きるのか原因がわからず困っております。
アドバイスできる方がいらっしゃいましたらよろしくお願い致します。

Windows8.1、IE11、lightbox2.7

<!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" xml:lang="ja" lang="ja">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="description" content="XXXX" />
<meta name="keywords" content="XXXX" />
<meta name="GENERATOR" content="JustSystems Homepage Builder Version 18.0.1.0 for Windows" />
<meta name="Robots" content="index,follow" />
<link rel="stylesheet" href="css/common.css" type="text/css" />

<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/lightbox.min.js"></script>
<link href="css/lightbox.css" rel="stylesheet" />
<title>XXXX</title>
</head>
<body>
<div class="box1">
<a class="example-image-link" href="images/panel/bat0.jpg" data-lightbox="2" title="XX">
<img src="images/mini-p/mini-bat.jpg" width="80" height="120" border="0" /></a>
<a href="images/panel/bat1.jpg" data-lightbox="2" title="蝶"></a>
<a href="images/panel/bat2.jpg" data-lightbox="2" title="蝶"></a>
<p>蝶</p>
</div>

・・・途中若干抜いていますがこんな感じです。

アドバイスよろしくお願い致します。

補足ローカルでのテストではそのような現象は全く出てきません。
サーバーにアップしたときだけです。
また別なサーバーにアップしてみましたがやはり同じ現象が出てしまいます。

閲覧数:
265
回答数:
1
お礼:
100枚

違反報告

ベストアンサーに選ばれた回答

沙李さん

2014/4/2923:03:23

「上下にずれて表示されることがあり」というのは、そうでない場合もあるということでしょうか。
スタイルシートの読み込みをJavaScriptの読み込みより先に行うことで回避可能な問題かもしれません。
今回の問題の原因とは違う可能性もありますが、どのみちトラブルの原因となりうるので原則的にスタイルシートの読み込みはJavaScriptの読み込みより先に書いたほうがいいです。

質問した人からのコメント

2014/5/6 07:59:30

降参 kekko0725様。

追加の質問にまで親切に答えてくださってありがとうございます。
少し勉強の時間が必要ですが、連休明けに努力してみます!

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる