• 締切済み

lightboxとDreamweaverのフレームに関して

宜しくお願い致します。 DreamweaverCS3にてHPを作っております。 上フレーム、左フレーム、メインフレームの構成なのですが、 メインフレームにてlightboxを使用し、画像を閲覧出来る様にしております。 ただ、その時に、lightboxがメインフレーム内でしか広がらないため、 デザイン的に好ましく有りません。 メインフレーム内でサムネイルをクリックした時に、上、左フレームを無視し、ウィンドウ全体にlightboxを広げる様には出来ますでしょうか。 ご存知の方いらっしゃいましたらアドバイス、お願い致します。

みんなの回答

  • eg_nn
  • ベストアンサー率81% (27/33)
回答No.1

lightboxはJavascriptでHTML上に動的にコードを出力するなどして表示させているので、ひとつのHTML(ひとつのフレーム)内にしか出せないと思います。 デザインとエフェクトが魅力的なので使いたいのだと思いますが、ご希望の「ウインドウ全体に表示」は、新しくウインドウを小窓で立ち上げて表示する方法くらいでしか実現できないと思います。

関連するQ&A

  • Dreamweaverでのフレームの固定

    宜しくお願い致します。 DreamweaverCS3にて上フレーム、真ん中フレーム(左右)、下フレームで構成しております。 ブラウザでプレビューした時に、ウィンドウを小さくすると下のフレームが固定されたまま上に迫って行き、真ん中のフレームのサイズを変えてしまいます。 (大きくすると一番下に張り付いたまま、真ん中のフレームが大きくなります。) 上のフレームと真ん中のフレームのみで作成するとウィンドウを小さくしても依存せず、ウィンドウ全体のスクロールバーが出て、デザインが崩れません。 おそらく、真ん中のフレームのサイズが可変な為に起こると思うのですが、どうしても固定されません。 ウィンドウを小さくしても、各フレームが動かない。と言うのが希望なのですが。 アドバイス宜しくお願い致します。

  • lightbox2をiframeから外に表示したい

    lightbox2を iframe内で使っています。 iframe内のサムネイル画像をクリックした時、画面全体に表示できるようにしたいのですが、良く分かりません。 自分でも調べて「http://bontetsu.jp/?p=41」にそれらしい物を見付けたのですが、 iframe内のサムネイルは左のフレームによって変化するのでこちらの方法では無理だと思うのですが・・・。 ご存知の方いらっしゃいましたら宜しくお願い致します。

  • lightboxがなぜ嫌われるか

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

  • フレームの幅を変更したい

    左にメニュー、右にメインと2つのフレームに分かれた ページを作成しています。フレーム幅は可変になっています。 メニューの1つをクリックすると右のメインフレームは切り替わらず 左のメニューのフレームが切り替わり、1つ下層のサブメニューを表示させています。 メインメニューからサブメニューにジャンプしたとき、 左フレームの幅を自動的に広げたいのですが、方法はあるでしょうか。 それとも全体のフレームセットを切り替えるしかないでしょうか。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • lightboxでの画像表示

    お世話になっております。 フレームを使った上でlightboxを使用して画像の表示を試みています。 以前同じような質問をされている方がいらっしゃったのですが、 そちらのご回答では分からない事があったので、それについて質問させていただきます。 吉野家様の「吉野家メニュー」の「朝定食」の各画像の表示方法や、 http://www.yoshinoya.com/menu/index.html/ webデザインの見本帳様の「おすすめサイトをご紹介」の各画像の表示方法のような http://www.web-mihon.com/ 画像の表示方法なのですが、どちらのサイト様もフレームを使用し その上で画像を全体表示させているように見えます。 しかし、以前「フレーム使用でそのページ全体にlightboxで画像を表示させる事は出来ない(出来ても難しい)」といった記述や問答を拝見しているので、上記サイト様はフレームではなく、フレームの様なデザインをされているという事でしょうか? フレームでlightbox使用を諦めていた矢先、上記のサイト様を拝見したので希望を持ってしまったのですが、もしも上記サイト様のような画像表示方法をご存知の方がいらっしゃいましたらご回答をお願いいたします。

    • ベストアンサー
    • HTML
  • インラインフレームを使って、lightboxを表示させたい

    メインページ上にインラインフレームを使用して、写真のサムネイルを並べています。 このサムネイルをクリックするとlightboxで表示されるようにしたいのですが、上手くいきません。 メイン画像に表示されず、インラインフレーム内で、lightboxが動作せず、画像がリンクするだけです。 メインのHTML(main.html)のheadに下記の記述をし、 【main.html】 <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <script src="js/prototype.js" type="text/javascript"></script> <script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script> <script src="js/lightbox.js" type="text/javascript"></script> インラインフレーム内(in.html)のサムネイルには下記を記述しています。 【in.html】 <a href="images/001.jpg" rel="lightbox" title="テスト"><img src="images/p01.jpg" border="0"></a> ちなみに、上記のタグをメインのHTMLに記述すると、ちゃんとlightboxは動きます。 インラインフレーム内だと、動かないのです。 ソースのどの部分に手を加えると、メインページ上に、表示されるようになるのでしょうか。 アドバイスお願い致します。

    • ベストアンサー
    • HTML
  • メインフレームの中に入れ子でフレームページ

    メニューをクリックするとメインフレームの中に、更にフレームのページを入れるような場合、 最初のメインメニューでクリックした時は、中に入れ子のように上手く表示されてるのですが その入れ子の中のフレームの左のメニューをクリックすると 二つメインフレームが存在してしまうせいか、入れ子の中のメインではなく TOPのメインフレームに覆いかぶさるように用事されてしまい 入れ子の中のメニューが無くなってしまい困っています。 ※入れ子の中でparentのように表示されてしまいます。 TOPのフレーム(右メインメニューフレームとメインフレーム)表示も残しつつ、 入れ子の中の(右サブメニューとメインフレーム)表示も残すのはどうしたらできるのでしょうか? 教えてくださいm(__)m

  • dreamweaverのフレーム

    「上固定、左ネスト」といわれる3つに分けられたフレームを作りたいのですが、知識があまりないのでよろしくお願いいたします。(CSSも使って作る予定) 1.この3つのページははじめから3つの組み合わせた状態で作らなくても、1つ1つ作って後から組み合わせることができるのかどうか。 また後から組み合わせる場合、フレームセットファイルを先に立ち上げて、開く場所にカーソルを置き、「ファイル」→「フレーム内に開く」でいいのでしょうか?) 2.各フレームの間の隙間をなくしたい(top下と左右の間)と思うのですが、その記述はフレームセットのファイルに記述するのでしょうか? その記述として「frameborder="0">」という記述でやってみているのですが消えません。 3.topのところにメニューボタンがあり、下左フレームのサブメニューとメインで2つに分けたい場合とtopの押すボタンによっては、メインだけでいい場合があるのですが、そういうフレームを3つ→2つへの切り替えはできるのでしょうか(簡単にお願いします。) よろしくお願いいたします。

  • FireFoxでLightbox2の下画面がずれる

    いつもお世話になっています。 Lightbox2を使用してフォトギャラリーを作りました。 写真を並べてサムネイルをクリックすると上に写真が表示される ベーシックなタイプです。 IEでは問題ないのですが、FireFoxでLightbox2では、 上の写真が表示されると同時に下の画面が左に少しずれます。 上の写真を閉じるとまた元に戻ります。 他にページ内でスクリプトは使っていません。 <div id="container"></div> #container { margin: 0 auto;} で全体を囲っています。 お力添えをお願いいたします。

  • 上と左にフレームわけされているメニューボタン画像の切り替えについて

    フレームをまたいだメニューボタンの動作で困っています。 現在作成しているページは、3フレームにわかれていて、 上と左フレームにメニューがあり、右側にメインフレームという構成です。 上と左にあるメニューボタンをクリックすると、 メインフレームに該当htmlが表示されるタイプです。 それぞれのメニューボタンはGIFで作っていて、 OFFの状態とONの状態の2種類を用意しています。 メニューボタンをクリックすると、 メインフレームに該当htmlが表示され、 クリックしたメニューボタンのGIFがONの状態になり、 その他のメニューボタンはOFFの状態になる、 というものが作りたいのですが、 左フレームは左フレームだけならうまくいくのですが、 上フレームのメニューと左フレームのメニューの連携がうまくいきません。 (例えば、左フレームのあるメニューボタンをクリックしたら、 上フレームのメニューもOFFの状態に戻したいんです。) もし何か解決策をご存知の方がいらっしゃいまいしたら、 どうかご教授ください。 よろしくお願いいたします。

専門家に質問してみよう