• ベストアンサー

Lightbox v2.04を設置しました。

Lightbox v2.04を設置しました。 画像を拡大表示させたとき、IE6以降ではページ上部の中央に表示されるのですが、 firefoxではページ下部の中央に表示されてしまいます。 IEと同様にページ上部中央に表示する方法は教えてください。 よろしくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.2

応答無いですが、 もう一点 HTML(又はXHTML)のDOC宣言してますか。 ↓のようなやつ。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

popailisac
質問者

お礼

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

popailisac
質問者

補足

お知らせありがとうございます。 DOC宣言は以下のようになっていますが、コレでいいのでしょうか？ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

その他の回答 (1)

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.1

Lightbox v2.04 ちゃんと、Firefoxでもページ上部の中央に表示されます。 ↓の本家でもページでも、下部になりますか？ http://www.huddletogether.com/projects/lightbox2/#example Lightboxはほとんど弄る部分が無いので、おかしくならないと 思うんですが．．． ・他のライブラリーと競合してませんか、？（jQueryとかあるとまずそう） ・自分で他にCSSやスタイル属性で何か定義してませんか？

popailisac
質問者

補足

本家でも下部に表示されます。 他のライブラリは置いていないので、競合はしていなしようです。 ＣＳＳに関しても、一切手を入れていないのですが・・・・。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • Lightbox JS v2.0について

    lightbox v2.0(http://www.huddletogether.com/projects/lightbox2/)を、作成中のホームページに取り込んでみました。 (ブログではありません。) なんとか表示はされるのですが、IE7とFirefoxで、表示のされ方が違うのです… ・IE7…フェードインで出てきた画像が、画面中央でなく、画面上にくっついている。 ・Firefox…画像のコメントとCLOSEボタンの下に横スクロールが表示される 他のサイトさんでlightbox v2.0を使用しているところを、IE7とFirefoxの両方で見ても崩れてないんですけどね… なぜなのでしょうか？(´ω｀) それと、http://www.fsiki.com/jet/css-xhtml/lightbox-js-v2.htmlさんで配布されているCLOSEボタンを取り入れたいのですが、設定の詳細がわかりません… 詳しい方いらっしゃいましたら、ぜひご指導ください！

  • LightBox

    LightBoxで拡大画像を表示させています。 この時キャプションのフォントサイズや色を変更する事はできますか？ また画像を囲んでいる外枠の角を角丸にする方法を いくつか探してみたのですが、Firefoxのみ対応だとか IEに対応していてもサイズ固定だとか・・・ 結構条件が限定される場合が多いようでした。 （そもそも、その方法を紹介している所自体あまり数は見つけられませんでした。） どこか参考になるページがあれば紹介していただければと思います。

  • Lightboxの表示位置に関して質問させていただきます。

    Lightboxの表示位置に関して質問させていただきます。 現在Lightboxを使用したhtmlを製作していますが、 Lightboxを設定した画像部分をクリック後、 なぜかIEでだけ、POPUP画像がブラウザの最上部に表示されてしまいます。 Crome、FireFoxでは正常に中心に表示されます。 IEは8を使用しています。 原因がお解かりの方いらっしゃいましたら、 ご鞭撻の程よろしくお願い致します。

  • 「jQuery」Lightboxのアニメーションを無くしたい

    フォトギャラリーのホームページを作っています。 サムネイルをクリックしたら、ページ上で写真が拡大表示され、 拡大写真の以外の部分がグレーになるような演出をしたく思っています。 つまりjQueryのLightboxのようにしたいのですが、 Lightboxの「写真を表示するごとに、画像幅に合わせて枠が広がり、 最後にクローズボタン部分が表示される」というアニメーションを無くしたいと思っています。 （シンプルに拡大画像がでてくるのみ、にしたい） このようなことは設定で可能でしょうか？ ちなみに「Lightbox」では無く、「ThickBox」というものを使ってみたのですが、 これが理想の動きではあるものの、IE６ですと画像を開いたときに背景のページが 少しずれる、という不具合があります。 Lightboxの設定や他のライブラリ等ご存知でしたら教えていただけないでしょうか？ 知識不足のため、説明が拙くすみません。。。 どうぞ宜しくお願いもうしあげます。

  • lightboxの設置

    <html lang="ja"> <head> <link href="css/lightbox.css" rel="stylesheet" media="all" type="text/css" /> <script src="jquery-3.1.1.min.js" type="text/javascript"></script> <meta charset="UTF-8"> <title></title> </head> <body><a href="img/bb123.jpg" data-lightbox="group" data-title="S001"><img src="img/bb123.jpg" alt="" width="256" /></a> <script src="css/lightbox.js" type="text/javascript"></script> <script> lightbox.option({ 'fitImagesInViewport' : true, 'wrapAround': false }) </script> </body> </html> とりあえずテストで、lightbox2の設置をしようとしているのですが、 サイトに書いてあるのと同じように、入力してみたのですが、 サムネイル画像が、プレビュー機能で拡大して見れるようにしたいのですが、 lightbox２が機能してくれません。 http://www.oikawa-sekkei.com/web/design/js/lightbox_v2_8_1.html 因みに、jqueryは、バージョンが解らないので最新版をダウンロードして使っています。 ご回答お願いします。

  • LightboxをFC2にて設置したのですが・・・。

    下記サイト様に書いてあるように、LightboxをFC2に設置したのですが どうしても画像が表示されません。（背景は黒くなるのですが、サムネイルも×になり、画像はいつまでたっても表示されません。 タグの変更がどこか間違っていたのでしょうか？ お分かりになる方がおられたら、教えて下さい。

  • Lightbox Plusで

    http://serennz.sakura.ne.jp/toybox/lightbox/?ja こちらのものを設置して、動作までは何とかこぎつけました。 ところが一つ困ったことがあります。 画像をクリックして拡大表示したときに、下のところに説明として一文つけたいのです。 そうするためには、リンクタグのところに「title=""」を付け足すと 拡大した画像の下にそれが表示されるのですが、 このタグはオンマウスでも表示されてしまいますよね。 これがちょっと鬱陶しく感じるし、改行も付けているのでみっともないんです・・・。 例えば画像にオンマウスした時に＜BR＞山頂です！＜BR＞ などとタグまでそのままポップアップしてしまうんです。 こうならないようにする方法ってないでしょうか？ご存知の方がいましたら助けてくださいm(__)m

  • ページ横スクロールでjQuery lightBox

    横に長いwebページを作っています。 ページの途中でjQuery lightBox plugin （http://leandrovieira.com/projects/jquery/lightbox/） を使って拡大画像を表示させたいのですが、 サムネイルをクリックすると、ページのはじめの方に拡大画像が表示されてしまいます。（拡大時の背景のオーバーレイもずれている） これを、サムネイルのあるページ上に表示させるようにしたいのですが、javascriptがよくわからないので、どのように修正したらよいか教えていただけないでしょうか。

  • lightboxがなぜ嫌われるか

    はじめまして。 自分はデザイン系の学生で、ポートフォリオサイトを持っています。このたび作品紹介のページのデザインを更新するにあたって、lightboxの導入を考えています。 ちなみに使用を考えているサンプルスクリプトは以下です。 http://www.dolem.com/lytebox/ しかし、ネット上で調べてみると「lightboxを多用してるのが嫌でページ訪問をやめた」など、lightboxを嫌ってる人がある程度いるようです。雰囲気としてはFlashのみで構築されたページ（しかもページ移動などが考慮されていない）を毛嫌いするのと同じように自分は感じたのですが、どうしてlightboxが嫌がられるのかいまいちわかりません。 自分は今までlightboxを使ったサイトを見てきましたが、特にストレスを感じたことも無いのです（とはいえ、プロがデザインしたものがほとんどですが）。 なぜ自分がLightboxを使うかというと、作品写真のサムネイルを並べ、それをLightboxで表示する、という方法を使いたいからです。サムネイルはページに１０枚以内。サムネイルページには極力少ない文字情報でプロジェクト等の情報を掲載し、あとはスライドショー形式でLightboxを使いたいのです。レイアウト上、サムネイルとメイン画像を同時に表示するスペースは確保しずらいです。なので別窓ではないけどオーバーレイで元のレイアウトを無視して大きく画像を表示できるLightboxは適当な解決策なのです。 ちなみにページレイアウトは、[TOP]-[作品一覧]-[個々の作品のサムネイル] となる予定です。 lightboxが嫌われる理由、ご存知の方教えていただけますでしょうか。

  • lightboxの動作に関して

    lightboxをＨＰに設置しようとしたのですが、 どうやっても画像に飛ぶだけの表示になってしまい lightboxの表示になりません。 http://qza.xxxxxxxx.jp/N-0017d.htm/ 何かが足りないのでしょうか。。。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する