- ベストアンサー
コンテンツの重なりについて
- jqueryのcolorboxを使ったサイト内部のリンクのポップアップ表示において、ポップアップされた画面の上に動画が表示されてしまう問題について解決策をご教授ください。
- z-indexを使用しても問題が解決しないため、ポップアップされた画面の上に動画が表示されないようにする方法を教えてください。
- 動画は<iframe>と<object>のどちらでも表示されてしまいます。解決策が見つからず困っています。ご教授いただけると幸いです。
- arerenandaro
- お礼率50% (2/4)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- Flashコンテンツにz-indexは効かないのでしょうか？
Flashで制作したコンテンツをz-index数値最小のレイヤーに挿入し、 その上にテーブルなどを挿入したz-index数値最大レイヤーを重ねても、 z-index数値最大レイヤーが上に表示されませんでした。 Flashコンテンツの上にレイヤー表示することは可能でしょうか？ また、可能であれば、どのような方法でしょうか？ どなたか知っている方、教えてください。 よろしくお願いします。
- ベストアンサー
- CSS
- iframeからcolorboxの呼び出し
IEでのみエラーが起きていて、ハマってしまいました。 おかしな所などご指摘頂けると助かります。 トップページ内にiframeを読み込んでいます。 iframe内に設置した画像をクリックして、 トップページのcolorboxを呼び出して表示させています。 下記サイトを参考に、colorboxをiframe内から親ページに展開させる設定しています。 http://www.browncrown.net/blog/?p=2120 ■top.html ・colorbox用のjquery、css等一式読込 ・トップページ内の画像でも同じ画像を呼び出して表示させている→問題なし ・専用javascript記載 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ <script src="jquery.colorbox.js"></script> <script> function cbox(url,ttl){ var href = url; var title = ttl; $.fn.colorbox({ width: "500px", height: "500px", href:href, title:title, iframe: true, scrolling: "auto" }); } </script> ■iframe.html ・galleryviewというギャラリーを使用して、バナーをスライドしている。 その中の画像をクリックして、親（top.html）にcolorboxで画像を表示したい。 ・専用javascript記載 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ <script> function callparent(url,ttl){ parent.cbox(url,ttl); } </script> ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ・colorbox呼び出し <a href="javascript:callparent('img/hoge.jpg','画像タイトル')"><img src="img/bnr.jpg" /></a> この設定でIEでのみエラーが出てしまいます。。 他のブラウザでは問題なく表示されます。 エラー内容は下記になります。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ このページは表示できません • Web アドレス javascript:callparent('img/hoge.jpg' が正しいか確かめてください。 • 検索エンジンでそのページを探してください。 • 数分待ってから、ページを最新の情報に更新してください。 おかしな部分、ご指摘頂けると幸いです。
- 締切済み
- JavaScript
- Operaで<iframe>の上に<div>を表示できますか？
Operaでは たとえば <iframe>のz-indexを0、 <div>のz-indexを1、 にしても <div>の上に<iframe>が表示されます。 他に方法はありますか？
- 締切済み
- HTML
- 最新情報10件を、mainコンテンツに読み込みたい
<トップページ構成> =========================== |header | =========================== |MENU |contants1 | | | | | |===================| | |contents2 | | | | =========================== のようなレイアウト構成で、ページを作成しております。 この時「contents2のdivブロック は、ニュース(最新情報)を表示する」ブロックにしたいのです。 参考：http://www.edia.co.jp/ (エディア様のニュースブロックみたいにしたいのです。) <今なんとなくつかめている内容> ・iframeではない。 ・エディア様の場合、http://www.edia.co.jp/news/ という別ページのニュース一覧から10件を抜粋し表示している。 また、ニュースページの記事一つ一つ(日付単位の記事)が、divブロック？ <質問> エディア様のような、ニュースページに記述されている最新の10個のdivブロックを抜粋し、 トップページのcontents2に、最新情報10件を表示するにはどのようにすればいいのでしょうか？ JQueryとかの利用によるものなのでしょうか？ 仕組み等を解説してくれているページは、ないでしょうか？ ご教授よろしくお願いします。
- ベストアンサー
- HTML
- colorbox.js 画像クリックで閉じる
colorbox.jsを使用して、画像を拡大表示させたあと、 画像以外の部分をクリックしたときにウィンドウが閉じるのと同じように、 画像事体のどこをクリックしても、ウィンドウが閉じるようにしたいのですが、 どのようにすればよいでしょうか？ 現在は画像全体に閉じるイベントを設定したHTMLファイルを別に作成し、 colorbox.jsでiframeとしてポップアップさせているのですが、 画像ごとにＨＴＭＬファイルを作成しなくても、可能な方法がございましたら、 ぜひご教授して頂けますようよろしくお願いいたします。
- ベストアンサー
- JavaScript
- ポップアップ・ウィンドウについて
リンクをクリックすると、別画面でサイズ指定された画面が表示される仕組み（ポップアップ・ウィンドウ？）を作りたいと思っています。商品の説明ボタンを押すとその商品の詳細な説明が表示される、というイメージです。 そこで、 http://www.akikobrand.com/html/02_0219sample/2.windowopen/index.html# のサイトにあるソースを参考にして作ってみたのですが、この方法ですと、ポップアップが表示された時点でリンク元のページが勝手にページトップまで戻ってしまいます。この方法は、とてもシンプルで私でもすぐに使えたのですが、リンク元のページはかなり長い（ユーザーさんにはスクロールダウンして見てもらうつもりです）のでページのトップまで戻ってしまうと不都合があります。 なんとか、リンク元の表示はそのままにして簡単にポップアップを出す方法はないでしょうか？ 私のページでは、リンク元のページから８個のリンクボタンを設置してそれぞれ別の商品説明画面（ポップアップ）を出したいと思っています。 どなたかご存知の方がいらっしゃいましたらどうぞよろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- １ページ内のコンテンツをタブメニューで切り替えたい。
こんばんは、以下のURLを参考に１ページ内のコンテンツを切り替えようと試行錯誤したのですが、メニューをdivでくくってしているため、どのように記述したらよいかわからず困っています。 参考URL http://builder.japan.zdnet.com/news/story/0,3800079086,20387833,00.htm 左のメニューで右のメインコンテンツのレイヤーを切り替えられたいと思い作ったページです。実際に表示したい部分はコメントアウトしています。 floatでは、z-indexが使えないので無理やり、positionでレイアウトしていますが、よろしくおねがいします。 http://study.vs.land.to/index.html
- ベストアンサー
- HTML
- iframe内からのリンク
少々複雑ですいませんがお願いします。 ・index.htmlにname="contents"でiframeを設置 ・iframe内に先頭に戻るリンクを最下部に設置したい（ここでいう先頭はページ全体のトップ） ・上記リンクを押した際にiframe内は現時点のページのまま index.html ------------- <body> ヘッダー内容 <iframe src="フレーム内ページ.html"></iframe> + + + フレーム内ページ ----------- <body> <a name="top"></top> ページの内容 + + + このままだとフレーム内ページの先頭に飛ぶのは周知なので。 条件として、 ・CSSは使用可能。 ・javascriptは使えるが、使わないですむならその方が良い。 ・環境上jQueryは不可。 ・flash他は考えない。 カテゴリが異なるのかもしれませんが；よろしくお願いします。
- ベストアンサー
- HTML
- YouTube動画を高さ固定で画面いっぱいに表示
. YouTube動画をサイト上に、高さを固定して画面いっぱいに表示させたいのですが 下に記述したコードでは、動画に黒い隙間を出さずにレスポンシブ表示する事はできますが、そのまま縮小していくだけで高さが固定されたままというわけにはいきません。何か良い方法はございませんでしょうか? (ちなみに、ページ表示時に画面いっぱいという事であって動画の下にはコンテンツが続くようなページを想定してます) もしCSSではどうしても難しいとの事であればオススメのjQueryプラグインの紹介も助かります。 イメージとしては以下のような状態です。 http://js.crap.jp/book/chapter5/max-image.html ----------------------------------------------------------------------------------------------------------------- <div id="youtube"> <iframe src=""></iframe> </div> #youtube { position: relative; padding-bottom: 56.25%; overflow: hidden; } #youtube iframe { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; }
- ベストアンサー
- CSS
- Fancyboxを分割ウィンドウで全面表示するには
2分割したフレームのウィンドウで、 上フレームのボタンをクリックすると、 fancyboxのiframeをページ全体、もしくは下フレーム内に ポップアップさせたいのですが可能でしょうか？ 他のlightbox系プラグインでも構いません。（jQuery、IE6～8対応可希望です） target指定など試してみましたが上手くいかず…。 どなたかご存知でしたらご教授よろしくお願いします。
- 締切済み
- JavaScript
- マッチングアプリで繋がった恋人との関係で、2週間程度経ってから私は精神的な問題に陥り、4ヶ月近く彼に連絡を返せていません。彼は毎日連絡してくれていますが、私はどう対応すればいいかわからず、助言やアドバイスを求めています。
- 私は過去に共依存関係になった恋人がいたため、精神的に不安定な状態で彼と付き合い始めました。また、家庭環境にも問題があり、父からの暴力や暴言に苦しめられていました。これらの経験から私は引きこもりになり、彼に連絡を返せない状況になりました。
- 現在私は精神的な安定を取り戻しつつありますが、彼との関係について悩んでいます。彼は私に真剣に向き合ってくれているようで、結婚も考えてくれていたようです。しかし、私は無職で連絡が取れない彼女と付き合っていくことに不安を感じています。アドバイスがあればお願いします。
お礼
ありがとうございました。 見事に動画が表示されずに、思い通りの表示になりました。 心から感謝いたします！ ありがとうございました＾＾。