大小の画像を2枚用意して
クリックすると大画像が別ウィンドウで表示できるようになりました。
javascripがOFFの時にnoscriptで別窓表示させるようにもしました。
最初はnoscriptを別に置いたのですが、これだとjavascripがOFFの時に最初から小画像が2つ表示されてしまいます・・・
<a href="javascript:void(0)" onclick=" window.open('big.jpg', '_blank', 'width=600,height=600,scrollbars=no,toolbar=no,menubar=no,directories=no,location=no'); ">
<img src="mini.jpg" width="300" height="300" alt="画">
</a>
<noscript><a href="big.jpg">
<img src="mini.jpg" width="300" height="300" alt="画"></a>
"></noscript>
そこで、下記のようにしましたが・・・
動作はできるみたいです。でもnoscriptのHTMLでの位置で何か変な感じです。正しい方法をご教授ください。
<a href="javascript:void(0)" onclick=" window.open('big.jpg', '_blank', 'width=600,height=600,scrollbars=no,toolbar=no,menubar=no,directories=no,location=no'); ">
<noscript><a href="big.jpg"></noscript>
<img src="mini.jpg" width="300" height="300" alt="画">
</a>
これ1枚の画像だけなのでライブラリを使いたくないのです。
No.1ベストアンサー
- 回答日時:
こんな風にしておけばnoscriptはいりません
<script>
function winopen(obj){
window.open(obj.href,'_blank','width=600,height=600,scrollbars=no,toolbar=no,menubar=no,directories=no,location=no');
return false;
}
</script>
<a href="big.jpg" onclick="return winopen(this);"><img src="small.jpg" width="300" height="300" alt="画"></a>
ありがとうございます。<(_ _)> ちゃんと動作しました。
<a href="big.jpg" onclick="return winopen(this);" target="_blank">
の target="_blank" を付けたしたら二重になってダメでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
外部からのjs呼び出しについて。
-
openのオプションパラメータに...
-
<a href="#" …>の意味を教えて...
-
毎回、ページ読み込み時に1回...
-
bodyにidをつける理由は何ですか?
-
ハイパーリンクに下線を表示す...
-
変数の代入値を外部の.txtファ...
-
javascriptのaudioで困ってます。
-
cssにjavascriptを入れる?呼び...
-
一つのHTMLの中で日本語の文字...
-
スマホ上で、左右スワイプで次...
-
javascriptとApacheの設定
-
ある一定時間操作していない場...
-
HP上のPDFファイルを保存禁止...
-
JavaScriptでのEnterキーとAlt+...
-
ウィンドウ名の設定
-
ユーザーが更新ボタンを押さな...
-
javascriptで変数を組み込みたい
-
サイト上で次のソースを見たの...
-
javascriptでalertの文字列をコ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
新しいウィンドゥを最大化で立...
-
SQLのWHEREで全てを質問する方法
-
小窓を表示する時に、必ず右上...
-
window.openでフルスクリーン表...
-
htmlファイルを開いた時の画面...
-
外部からのjs呼び出しについて。
-
町内会での不倫
-
IF文で該当の処理を通らない
-
Canvasを使って描画して面積取得
-
window.openの後にエンコードを...
-
色の指定で配列を使いたい
-
文字をクリックすると 小窓が開く
-
エクセルファイルをIE のウィン...
-
サブウインドウの高さを自動で...
-
window.open オートコンプリー...
-
HP作成の小窓リンクを作るには?
-
小窓を開くJSで、高さを調節し...
-
javascriptを別ファイルにして...
-
ポップアップ広告みたいな…
-
リンク先の別ウインドウをスク...
おすすめ情報