大小の画像を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ランキング
-
新しいウィンドゥを最大化で立...
-
window.openでフルスクリーン表...
-
htmlファイルを開いた時の画面...
-
javascriptでのポップアップウ...
-
サブウインドウの高さを自動で...
-
javascriptを別ファイルにして...
-
<a href="#" …>の意味を教えて...
-
javascriptでalertの文字列をコ...
-
リンク移動先のURLを取得
-
別ファイルのfunctionの読み込み方
-
スマホ上で、左右スワイプで次...
-
インラインフレームで表示され...
-
jqueryでのkeydownイベント発生...
-
二つの関数を一つにまとめるこ...
-
ハイパーリンクに下線を表示す...
-
bodyにidをつける理由は何ですか?
-
ひとつの外部ファイルに複数の...
-
googleモバイルがiframeで表示...
-
外部jsファイルの変数に代入す...
-
条件分岐で、読み込む外部スク...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
新しいウィンドゥを最大化で立...
-
SQLのWHEREで全てを質問する方法
-
htmlファイルを開いた時の画面...
-
window.openでフルスクリーン表...
-
小窓を表示する時に、必ず右上...
-
window.openで404エラーがでます
-
ウィンドウサイズを変更するには?
-
外部からのjs呼び出しについて。
-
window.openの後にエンコードを...
-
javaでサムネイルをクリックし...
-
エクセルファイルをIE のウィン...
-
Canvasを使って描画して面積取得
-
町内会での不倫
-
IF文で該当の処理を通らない
-
ブックマークレット target指定
-
サブウインドウの高さを自動で...
-
モニターサイズによるページ振...
-
JAVAでリンクボタンを作成して...
-
IEのタイトル変更方法について
-
文字をクリックすると 小窓が開く
おすすめ情報