写真に触れるとウインドウオープン
- 複数画像をサムネイル数表示したページがAあります。写真に触れると、別ウィンドウBをオープンし、大きな写真を表示します。
- 別な写真に触れると、同じBウィンドウに、触れた写真の大きな写真を表示したいのですが、どうしたらできますか。
- リンクの場合には<a href='http://yahoo.co.jp' target='ウィンドウ名'>の方法で、小ウインドウはオープンできるのですが、2つめ以降のウインドウが、親ウインドウの下に表示されてしまいます。
- ベストアンサー
写真に触れるとウインドウオープン
操作を誤ったのか、質問締め切りモードになってしまったので再度質問します。 複数画像をサムネイル数表示したページがAあります。写真に触れると、別ウィンドウBをオープンし、大きな写真を表示し、 別な写真に触れると、同じBウィンドウに、触れた写真の大きな写真を表示したいのですが、 どうしたらできますか。拡大ウィンドウを複数オープンするのを避けたいのです。 リンクの場合には <a href="http://yahoo.co.jp" target="ウィンドウ名"> の方法で、小ウインドウはオープンできるのですが、2つめ以降のウインドウが、親ウインドウの下に表示されてしまいます。 小ウインドウが、常に上に表示され、かつ小ウインドウのサイズを指定したいのですが、どうしたらできますか。 よろしくお願いします。
- ken1296
- お礼率23% (12/51)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
Clickイベントなどを処理して 開いた子ウィンドウにフォーカスを与えないと下に隠れることになるでしょう <a href="画像パス" target="ウィンドウ名" onclick="return myFocus(this);">リンク名称</a> などといった具合しておいて ヘッダーセクションに <script type="text/javascript"> <!-- function myFocus(obj) { var oSubWin = window.open(obj.href, obj.target, "width=300,height=600,toolbar=yes,menubar=yes"); if ( oSubWin ) { // ウィンドウの生成に成功した場合 oSubWin.focus(); } return false; } //--> </script> # 新たに質問を上げるなら 前の質問は締め切りましょう
関連するQ&A
- 写真に触れるとウィンドウオープン
複数画像をサムネイル数表示したページがAあります。写真に触れると、別ウィンドウBをオープンし、大きな写真を表示し、別な写真に触れると、同じBウィンドウに、触れた写真の大きな写真を表示したいのですが、どうしたらできますか。拡大ウィンドウを複数オープンするのを避けたいのです。
- ベストアンサー
- JavaScript
- 写真を別ウインドウで拡大した後、別の写真を拡大する時に前に開いたウインドウに表示する
現在写真を公開するHPを作成中なのですが、以下のHTML文で複数写真を公開すると、拡大の際にいくつものウインドウが出てしまい、困っています。 <a href="@@@@@.JPG" target="_blank"> <img src="@@@@@.JPG" width=$$% height=$$%> </a> 写真を別ウインドウで拡大した後、別の写真を拡大する時、前に開いたウインドウで表示するにはどのような方法がありますか?
- 締切済み
- HTML
- サムネイルクリックで別ウィンドウに拡大画像表示
javascriptにて画像のようなな形を作りたいのですが初心者で困っています。 ページAの画像をクリックすると別ウィンドウで拡大画像とその他のサムネイルが 表示され、そのウィンドウで各画像を切り替えて観覧できるようにしたいです。 元のページでの画像切替はよくありますが、別ページを開いて観覧する場合がわからず困っています。ページAと同じようなページを複数つくり、拡大のページBは共通で使えるようにしたいと思っています。 ページAのhtml部分は <li><a href=><img src="test.jpg" title="拡大時に表示する文"></a></li> <li><a href=><img src="test_a.jpg" title="拡大時に表示する文"></a></li> <li><a href=><img src="test_b.jpg" title="拡大時に表示する文"></a></li> この画像をクリックでページB拡大画像を表示し、画像と一緒にtitleに入れた文章を表示させたいと思っています。 用意する画像は各拡大画像1枚で、サムネイルのところはcssで小さくしています。 このような形は実現可能でしょうか? よろしくお願いします。
- ベストアンサー
- JavaScript
- ウインドウオープンについて。
普通、リンクは<a href="アドレス" target="_blank">文字</a>で別のウインドウが開きますよね。 実は、今作っているページがリンクする箇所が非常に多い上に全て新しいウインドウで表示させたいので、一括で指定できるタグが有ればと思って探しています。 もしご存じでしたら教えて下さい。
- ベストアンサー
- HTML
- 別ウィンドウにAのページを表示させ、次にBのページを表示させる際にその別ウィンドウをアクティブにする方法
<a href="A.html" target="XXX">Aのページ</a> <a href="B.html" target="XXX">Bのページ</a> この記述でまず、Aのページをクリックして別ウィンドウに表示し、 次にBのページをクリックして、同じ別ウィンドウに表示させる際に その別ウィンドウがアクティブになりません。 これをアクティブするにはどうしたらよいでしょうか? ちなみに動作はIEで確認しました。
- ベストアンサー
- HTML
- リンクを同じウインドウで開くには
<A HREF="a.htm" target="_blank">A</A> も <A HREF="b.htm" target="_blank">B</A> も <A HREF="c.htm" target="_blank">C</A> も同じウインドウにする方法を教えていただけますか。 現在、それぞれ別に開きます。 Aを開いていて、BをクリックするとAの内容がBに変わるようにしたい。
- ベストアンサー
- JavaScript
- ホームページ作成で、ウィンドウのリサイズ(サイズ指定)
ホームページを作成中です。 画像をクリックしたとき、拡大画像を別ウインドウで表示したい。 HTMLタグで次のように書けば、一応できます。 <a href="拡大画像のURL" target="_blank"> <img src="サムネイル画像のURL"></a> しかし、これでは拡大画像ウインドウのサイズが指定できないので、余白が沢山ある大きなウインドウが起動します。 拡大画像サイズ(600×400px程度)にピッタリ合ったウインドウサイズにするには、どうすればよいのでしょうか? なお、JAVAについては全くわからず、スクリプトをコピペすることしかできません。 ホームページは、YahooのGeocity(無料版)を利用しています。 よろしくお願いします。
- ベストアンサー
- HTML
- 連続したURLへのwindow.openの指定方法
JavaScript初心者です。 画像のサムネイル一覧のページがあり、サムネイルをクリックすると元の画像が別ページで開く というページを作っています。 今は <a href="元の画像.jpg" target="_blank"><img src="サムネイル.jpg"></a> としているのですが、window.openを使ってウィンドウのサイズ指定を行いたいと考えております。 画像ファイル名が"001.jpg","002.jpg","003.jpg"…となっている場合、その画像のサイズを取得してそのサイズにウィンドウを開くスクリプトを教えてください。 宜しくお願いします。
- ベストアンサー
- JavaScript
- target=_blankを使わない新規ウィンドウ
target=_blankを使わない新規ウィンドウオープンについての質問です。 <a href="http://www.example.com" onclick="window.open(pageTracker._getLinkerUrl(this.href),'_blank'); return false;"> 上記を記述しているのですが、ある日から突然新規ウインドウを開かずリンクサイトが表示されてしまいます。 「pageTracker」が機能したまま別ウインドウでリンクサイトが開く方法を知りたいです。 よろしくお願いいたします。
- 締切済み
- JavaScript
- 写真集の写真を別窓で大きく表示したいのです
写真集の写真を別窓で大きく表示したいのですが、 クリックしてもそのままの同サイズでしか別窓で表示されません。 大きく拡大した写真を表示したいのですが このタグでどこがいけないのでしょうか? アドバイスよろしくお願いします! <tr> <td align="center" valign="middle" width="128" height="128"><A href="s-d11900251.jpg" target="_blank"><IMG src="s-d11900251.jpg" border="0" width="160" height="120"></A></td>
- ベストアンサー
- HTML
補足
何度やってみても、うまく行きません。 2つめ以降は、親ウインドウの裏に表示されてしまいます。 また、ウインドウのサイズも、指定できません。 たぶん私が、間違ったことをしてるんだと思います。