大小の画像を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ランキング
-
JavaScriptで小窓を表示したい
-
getURLでJavaScriptが反応しない
-
<a href="#" …>の意味を教えて...
-
javascriptファイルは1つに統...
-
javascriptとApacheの設定
-
javascriptでalertの文字列をコ...
-
function の return 値を表示し...
-
<aタグで変数に文字を代入
-
bodyにidをつける理由は何ですか?
-
bodyにwidth:100%をつける理由は?
-
javascriptでbgmを自動再生する...
-
呼出したjsファイル内で他jsフ...
-
PrintScreenキーを無効にしたい
-
Javascriptでのツリーメニュー...
-
HTML5のcanvasで描画がされない
-
イメージ(画像)の上に重ねたテ...
-
chromeでの擬似クラス:focus に...
-
JavascriptとJqueryを混在し記述
-
旧HPから新HPへ自動的にジ...
-
Cygwinでログをのこす方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
新しいウィンドゥを最大化で立...
-
SQLのWHEREで全てを質問する方法
-
小窓を表示する時に、必ず右上...
-
window.openでフルスクリーン表...
-
htmlファイルを開いた時の画面...
-
外部からのjs呼び出しについて。
-
町内会での不倫
-
IF文で該当の処理を通らない
-
Canvasを使って描画して面積取得
-
window.openの後にエンコードを...
-
色の指定で配列を使いたい
-
文字をクリックすると 小窓が開く
-
エクセルファイルをIE のウィン...
-
サブウインドウの高さを自動で...
-
window.open オートコンプリー...
-
HP作成の小窓リンクを作るには?
-
小窓を開くJSで、高さを調節し...
-
javascriptを別ファイルにして...
-
ポップアップ広告みたいな…
-
リンク先の別ウインドウをスク...
おすすめ情報