javascriptを使って日替わりで
なんとか画像を表示する事ができましたが
その画像をclickしたら拡大させるにはどうしたらいいのでしょうか
調べても日替わり画像までしかなくて
困ってます
ご存知の方
教えてください。
phpや別の言語を使うのでしょうか
<script type="text/javascript" language="javascript">
<!--
d=new Date();
date=d.getDate();
document.open();
document.write('<td width="230" height="219" bordercolor="#003333"><img src="img/himekuri/');
document.write(date);
document.write('.jpg" alt="今日のカレンダー" width="230" height="219"></td>');
document.close();
// -->
</script>
今現在の内容です
A 回答 (4件)
- 最新から表示
- 回答順に表示
No.4
- 回答日時:
document.close()が抜けてました・・・
別ウィンドウで画像を表示する関数で、「winImg.document.close();」を追加してくださいorz
この回答への補足
HIRSYUさん
すみません
PC触れないアナログ人間のスタートで、WEBの社会人スクールに通いようやく1年のスキルです。やっとのこさWEBデザインの会社に入りました。それで営業さんのミスでこのポップアップ画像の仕事をすることになったんです。ボタンで丸く収まりましたが。
できないのが悔しく、何度かHIRSYUさんの教えてくださったので試したのですが
難しくて分かりません><
今度は画像がでてきません。
なんか私は大きな勘違いをしてるのでしょうか
<script type="text/javascript" language="javascript">
<!--
d=new Date();
date=d.getDate();
function openImage(<img src="img/himekuri/.jpg" width="200" height="185")
{var op = "scrollbars=no,resizable=no,width=" + 430 + ",height=" + 430
var winImg = window.open("", "ImageWindow", op);
winImg.document.write("<img src=\""+ img src="img/himekuri2/.jpg" + "\" width=\"" + 401 + "\" height=\"" + 371 + "\" style=\"position:absolute;top:0px;left:0px;\">");
}
winImg.document.close();
// -->
</script>
遅くなりました。
すみません
結局この仕事はボタンになってしまいました
また別の仕事で(メールフォーム)全然、この日替わり画像の試作ができませんでした><
HIRSYUさんはなんでもパッと答えれるのですね
実はいろんな人や掲示板に聞きました
調べました
答えがなかったです
自分のスキル(検索能力)と意外と皆知らなくがっかりでした
書いてくださったことに
ほんとうに感謝します。
まだ試せてないのですがprintさせていただきました。
できましたら
また報告させてください。
ほんとうにありがとうございます
No.3
- 回答日時:
失礼しました。
タイトルの「画像ポップアップ」が、完全に頭から抜けてました(--;
// 別ウィンドウで画像を表示する関数
// 引数で拡大用の画像、画像の幅、画像の高さを指定します
function openImage(imgPath, imgWidth, imgHeight)
{
// ウィンドウのオプション設定(私の好みで設定してます)
var op = "scrollbars=no,resizable=no,width=" + imgWidth + ",height=" + imgHeight
// 新しいウィンドウを開く
var winImg = window.open("", "ImageWindow", op);
// 開いたウィンドウに画像を表示する(スタイルの設定で、bodyのmarginを無視できるようにしてます)
winImg.document.write("<img src=\""+ imgPath + "\" width=\"" + imgWidth + "\" height=\"" + imgHeight + "\" style=\"position:absolute;top:0px;left:0px;\">");
}
後は↑の関数をonclickで呼ぶようにしてください
No.2
- 回答日時:
別のイメージに置き換えるには、
画像のクリックで拡大ってことなので、imgタグにonclickで拡大用の関数を呼ぶ。(引数で自身も渡す)
document.write('.jpg" alt="今日のカレンダー" width="230" height="219" onclick="change(this);"></td>');
で、拡大用の関数は、受け取ったイメージタグのsrcとwidthとheightを拡大用の値に上書きする。
function change(obj){
obj.src = "拡大用の画像のパス";
obj.width = 460;
obj.height = 438;
}
ありがとうございます><
うーーん
いろいろ試してます
素人には難しいです。
もっと勉強しないと
HIRSYUさんの言わんとしてることがつかめないです
拡大はされるのですが別ウィンドウで開かないです
別ウィンドウが日代わりに設定がならないです
難儀です
d=new Date();
date=d.getDate();
document.open();
document.write('<td width="220" height="220" bordercolor="#003333" bgcolor="#FFFFFF"><img src="img/himekuri/');
document.write(date);
document.write('.jpg" alt="今日のカレンダー" width="220" height="220" onclick="change(this);" target="_blank"></td>');
function change(obj){
obj.src = "img/himekuri_zoom.jpg/";
obj.width = 460;
obj.height = 438;
}
document.close();
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- PHP 共通の処理をまとめる方法がわからないのでアドバイスお願いします。 1 2022/12/19 20:20
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Gifアニメ、最後のコマに行った...
-
iframe内のリンク文字のマウス...
-
重なった画像にクリックイベン...
-
lightbox2をiframeから外に表示...
-
画像の重なりの順序を代える方...
-
image.onload = .. の後に imag...
-
画像ランダム表示、しかしダブ...
-
ページ読込中に表示が崩れるの...
-
HTMLで条件分岐はできますか?
-
スワップイメージが上手く動作...
-
jQuery bxSlider 画像に変更
-
ターゲットを_blankにするには。
-
MAX関数を使ってからLEFT JOIN...
-
embed要素のsrc属性の値を変更...
-
javascriptテキストBOX色を元に...
-
複数のバナーをリロードする度...
-
onmouseoverの表示切り替えが上...
-
onclickで画面が固まる・・・ら...
-
チェックボックスに入っている...
-
JavaScriptで変更した属性の元...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Javascript で共通の処理をどこ...
-
Javascriptで指定した日付と時...
-
textareaに画像を表示したい
-
Gifアニメ、最後のコマに行った...
-
1枚の画像をクリックして複数の...
-
画像ランダム表示、しかしダブ...
-
スライダーを実装した場合、ペ...
-
1枚の画像をクリックすると複数...
-
HTMLで条件分岐はできますか?
-
JavaScript スライドの画像にリ...
-
オンマウスで、画像切り替え+...
-
画像の重なりの順序を代える方...
-
JavaScriptとチェックボックス...
-
透過pngの透明部分以外をクリッ...
-
画像をドラッグ&ドロップで移...
-
各フォルダから1枚ずつ画像をラ...
-
jQueryで特定のURLの時のみ表示
-
bxsliderにて読み込み後に内容...
-
prettyphotoの画像表示について
-
WEBページ立ち上げ時に1回のみ...
おすすめ情報