HP作成にあたり
技術者様、または経験者様などに
ご助言頂きたく投稿しました。
自分は自作の絵を展示するHPの調整中でして、
現状は、絵の小窓をクリックすると
リンク先の別ウインドウでページが開くのですが、
毎回毎回、別ウインドウで開封してしまい、
閲覧者に毎回見た絵の数だけ閉じるボタンを
押させてしまうという、厄介なサイトになってしまっています。
そこで以下に質問を箇条書きにしました。
対応して頂ける範囲内で結構なのでご助言頂ければ幸いです。
(1)絵のウインドウを一つ開いたらその後は
同じウインドウで表示させたいのですが、どの様に調整すべきでしょうか?しかも、絵のウインドウは個々にサイズの違いがあります。
(2)最初は<SCRIPT language="JavaScript">を文頭に置いて作成していたのですが、
遅くなってしまうイメージがあったので下記にある<a href=# で始まる文章に切り替えましたが(フリーの素材で見つけました)、何が違うのでしょうか?
(3) (2)の項を踏まえJavaScriptを使用した方が良いのでしょうか?
現状、組み込んでいるHTMLは以下の通りです。
<a href=# onclick="mywin=window.open('リンク先の別ウインドウの指定アドレス','','width=415,height=400');">
<img src="絵の小窓の指定アドレス>
</a>
どうかお助けください。。
No.3
- 回答日時:
(1)
JavaScriptの方で画像を開くターゲットウィンドウを指定すれば、
同じ窓を使いまわすことができます。
window.openで開く場合、カッコの中で2番目に指定するのがウィンドウ名なのですが(2のサンプルソース参照)、ここに適当な名前を入れると
該当するウィンドウ名を持つ窓があればそちらで開き、なければ新しい窓を作成するという挙動になります。
(新しく窓を作らずに既存ウィンドウの新規タブで開く場合もあります)
(2)
タグの中に書くかscriptタグ(or外部ファイル)に書くかという違いで、やってる事は同じです。
「遅くなってしまう」というのはブラウザの性能に依存するので、
IE6だと何書いてももっさりするし、Chromeならそれを5~6倍は早く処理します。
タグ1つひとつに同じコードがいくつも並ぶより、1つの短い関数を使いまわす方がファイルサイズ的には軽くなりますよ。
function newwin(src,w,h){
window.open(url, "WindowName", "width="+w+",height="+h);
}
<a href="'リンク先の別ウインドウの指定アドレス'" onclick="newwin('リンク先の別ウインドウの指定アドレス',415,400);return false;"><img src="サムネイル画像とか"></a>
hrefにurl、onclickにreturn false;を入れておけばJavaScriptオフでもページを開くことができます。
(3)
ポップアップウィンドウはアダルトサイトやブラクラでよく使われる手法ということもあって、生理的に嫌われる節があります。
JavaScriptを使用するなら、LightBoxなどのギャラリースクリプトがおすすめです。
ご返答が遅くなり申し訳ありません。
いろいろとご丁寧なご解答ありがとうございました。
ポップアップウインドウなど嫌われるケースもあるんですね。
全く知らなかったです。
今後もtenderfeel様の文章を読み直しながら勉強していきます。
ありがとうございました!
No.2ベストアンサー
- 回答日時:
別窓で開くのではないのですが。
参考URLのやり方だったら結構希望に適した形になるんじゃないですかね。
JavaScriptを使ったやり方です。
参考URL:http://allabout.co.jp/internet/hpcreate/closeup/ …
No.1
- 回答日時:
リンク先を同じウインドウで開くか、別で開くかは、訪問者に任せたほうが親切です。
ブラウザの設定で、強制的に新しいウインドウを開かないようにしている方もいますし、セキュリティの関係上、JavaScriptを切っている方もいます。
なので、単純に
<a href="リンク先(フルサイズのイラスト)のアドレス"><img src="小さい絵のアドレス" alt="絵が表示できなかったとき代わりに表示される文字" /></a>
で良いと思います。
なお、フルサイズのイラストのページにも
<ul>
<li><a href="・・・">次の絵へ</a></li>
<li><a href="・・・">前の絵へ</a></li>
<li><a href="・・・">一覧に戻る</a></li>
</ul>
のような感じで、ナビゲーション用のリンクを用意しておくとより親切ですね。
ご返答遅くなり申し訳ありません。
構造は意外と簡単に出来るのですね。
さらに人それぞれで見る環境の違いという問題もあるんですね。
ご丁寧なご返答ありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Chrome(クローム) 最近Win10にてブラウザが左にスッと隠れていく現象に悩まされてます 3 2023/07/22 23:11
- その他(OS) Mac OSの操作について 2 2022/06/08 09:19
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- その他(悩み相談・人生相談) 客観的に見て私の適職・天職は何ですか? ①過去に夢中になったものは何か? 絵(幼稚園から今もずっと) 5 2022/07/14 16:36
- Windows 10 ファイルエクスプローラーでフォルダを閉じる操作について 2 2022/10/15 11:06
- Chrome(クローム) Google Chromeのブラウザ(PC)ウインドウの移動について 3 2022/07/19 15:14
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- その他(芸術・クラフト) 二次創作やBLに理解のある方のご閲覧をお願い致します。加えて長文です。 当方20代絵描きです。 ある 3 2022/07/18 23:21
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
DBからPDFを取得して別画面で表...
-
自分のサイトを開いた時にウィ...
-
指定URLを新しいウィンドウで開...
-
DreamWeaver8 ポップアップ→ブ...
-
ポップアップのHTMLの記述
-
見出しシールみたいなテーブル。
-
WinAPIでタブ付きのウィンドウ...
-
target="_blank"、ソースの表示
-
ドリームウィーバー、JavaScrip...
-
ホームページでの小窓の出し方...
-
FindWindowの使い方
-
XMLを作成してもタグしか表示さ...
-
キーフレーム
-
\\n \\r \\t について
-
GoogleChromeでレイアウトが左...
-
ボタンコントロールのTEXT...
-
AfterEffectsでイージーイーズ...
-
accesskeyに使える文字を全部教...
-
連続した<span>の改行
-
ふぬああの音ずれを直す方法を...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウンメニューの開く方向...
-
新しいタブで開かせない方法は...
-
自分のサイトを開いた時にウィ...
-
指定URLを新しいウィンドウで開...
-
DBからPDFを取得して別画面で表...
-
FindWindowの使い方
-
表示中のURLなどをバッチファイ...
-
HTML 全画面表示 リンク先の...
-
ASP.Net 別ウィンドウを開く・...
-
IEで別サイトをタブで開きたい
-
VC++2010 MFC サイズの最大化に...
-
ハイパーリンクからメニュー無...
-
googleマップをポップアップウ...
-
QT 半透明の画面生成について
-
VC、コンソールアプリ結果の...
-
OpenCVのcvNamedWindowによるウ...
-
_blank?_brank?
-
ホームページビルダーでのドロ...
-
ウインドウを最前面で固定するタグ
-
HTML,js)リンクを新しいタブで...
おすすめ情報