- ベストアンサー
画像クリックでウインドウを閉じたいのですが・・・
- フォトアルバムで画像をクリックすると、ウインドウを閉じたいです。
- JavaScriptを使用して画像を切り替えるフォトアルバムを作成しましたが、最後の画像でウインドウを閉じたいです。
- どのようなタグを使用すれば、画像クリックでウインドウを閉じられるでしょうか？試した方法ではうまくいきませんでした。
- mew0111
- お礼率100% (26/26)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- javascriptで画像をテーブルに出力する方法
javascriptで定期的に入れ替えている画像をテーブルに出力（表示）する方法を教えてください。 <html> <head> <script language="JavaScript"><!-- myImageCnt = 4; myImage = new Array( "img0.jpg", "img1.jpg", "img2.jpg", "img3.jpg" ); myNowCnt = 0; function myChange(){ if (myNowCnt == myImageCnt-1){ myNowCnt=0; }else{ myNowCnt++; } document.myFormImg.src = myImage[myNowCnt]; setTimeout( "myChange()" ,5000 ); } // --></script> <img src="img0.jpg" width="200" height="200" name="myFormImg" /> <script language="JavaScript"><!-- myChange(); // --></script> </head> </html>
- ベストアンサー
- JavaScript
- ロールオーバー、クリック時のIEの点線
HPでロールオーバーを使用していますが、 IEでクリック時に点線が表示されますが、 きれいな長方形でなく、 後ろのほうが少し押しつぶされたようにカールして表示されます。 これを直す方法があるのでしょうか？ 宜しくお願いします。 使用スクリプトは下記のものです。 <script language="JavaScript"><!-- myGifCnt = 4; // ボタン画像の総数をセットします myGifTbl = new Array( // ボタン画像テーブルを作成 "1-1.jpg", // [0] TOPiのボタン(暗) "lycos-t.jpg", // [1] Topiのボタン(明) "1-2.jpg", // [2] bbsのボタン(暗) "lycos-b.jpg", // [3] bbsのボタン(明) ); mySrcTbl = new Array( myGifCnt ); // 画像データをメモリに読み込むテーブル定義 for (i=0; i<myGifCnt; i++){ // 画像データ数分ループする mySrcTbl[i] = new Image(); // 画像バッファ生成 mySrcTbl[i].src = myGifTbl[i]; // メモリに画像データを取り込む } function myChange( myBtnNo , myTblNo ){ // 画像変更関数 document.images["myBtn"+myBtnNo].src = mySrcTbl[myTblNo].src; } // --></script> <a href="index0.html"target="new" onmouseover="myChange(0,1);" onmouseout="myChange(0,0);"><img src="1-1.jpg" width="149" height="17"name="myBtn0"BORDER="0"> </a> <a href="index1.html"target="new" onmouseover="myChange(1,3);" onmouseout="myChange(1,2);"><img src="1-2.jpg" width="149" height="17"name="myBtn1"BORDER="0"> </a>
- ベストアンサー
- JavaScript
- 画像を貼り出してその後、その画像をクリックすると大きく表示されるように
画像を貼り出してその後、その画像をクリックすると大きく表示されるようにしたいのですが、どうしたら良いかわかりません。 <html> <head> <title>画像を大きくする</title> <script type="text/javascript"> <!-- var imagetachi = 5; //イメージの切り替え function kirikae(num){ document.main.src = "big/photo" + num + ".jpg"; } // --> </script> </head> <body> <center> <script type="text/javascript"> <!-- //サムネールの書き出し for (i=1; i <=imagetachi; i++) { document.write('<img src="small/photo' + i + '.jpg" onclick="kirikae(i)">'); } // --> </script> <hr> <img src="big/photo1.jpg" name="main"> </center> </body> </html> どうやらkirikae(i)をkirikae(' + i +')にすれば良いとまではわかったのですが、なぜ(' + i +')にしないといけないのかがわかりません。 (' + i +')にすると関数の処理が document.main.src = "big/photo" + + i + + ".jpg";になってしまいませんか？？ 初心者なので+ i +の意味がよくわかりません。 よろしくお願い致します。
- 締切済み
- JavaScript
- 画像の入れ替え
先日、ここで質問をして、javascript を使って画像を入れ替える方法を教えてもらいました。 <script type="text/javascript"> <!-- function toggle(img){ if(img.normal==null) img.normal=true; img.src= img.normal ? 'a.jpg' : 'b.jpg'; img.normal=!img.normal; } //--> </script> … <img src="a.jpg" alt="画像" onclick="toggle(this)"> ということだったのですが、これだと２枚の画像しか入れ替えることができないので、３枚の画像を入れ替えようと、img.src= img.normal ? 'a.jpg' : 'b.jpg': 'c.jpg';と書いてみたのですが、スクリプトエラーが出てしまって、うまくいきません。どのようにすれば、３枚以上の画像を入れ替えることができるでしょうか？ABCDEF→ABCDEFのように変っていくようにしたいのですが。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- １つのファイルで画像をクリックしたら差し代わる方法
表題のようにJavascriptで１つのhtmlファイルで複数の箇所に違う画像があり、それをクリックしたら別の画像に差し代わるということをしたいのですが、中々うまくいかずに困ってしまっています。 下記のようなソースになった場合にそれぞれ別の画像でクリックしたら違う画像に差し替えるには関数等の書き方はどのようにすれば宜しいのでしょうか。 どなたか教えてもらえますでしょうか？ Javascript初心者にて失礼しますm(_ _)m 下記に途中までやったソースがあるのですが、行き詰ってしまってます。。。。。 宜しくお願い致します。m(_ _)m m(_ _)m ・・・・・・・・・・・・・ JavaScriptは下記の通りです。 //１つ目の画像に関係するJavaScriptです <script language="JavaScript"> num = 2; nme = "image/index"; exp = "jpg"; cnt = 0; function changeImage() { cnt++; cnt %= num; document.index.src = nme + cnt + "." + exp; } </script> //２つ目の画像に関係するJavaScriptです <script language="JavaScript"> num = 2; nme = "image/img"; exp = "jpg"; cnt = 0; function changeImg() { cnt++; cnt %= num; document.img.src = nme + cnt + "." + exp; } </script> htmlは下記の通りです。 <!--１つ目の画像です--> <a href="JavaScript:changeImage()"> <img src="image/index0.jpg" name="index" border="0"></a> <!--２つ目の画像です--> <a href="JavaScript:changeImg()"> <img src="image/img0.jpg" name="img" border="0"></a>
- ベストアンサー
- JavaScript
- JavaScriptで画像を変更する
質問が分かりずらいと思いますが、お願いします。 <body>内に↓が書かれています。 <script language="JavaScript"> <!-- function ChangePics() { for(i = 0; i < 3; i++) document.images[i].src = "white.jpg"; } // --> </script> <img src="black.jpg"><br> <img src="black.jpg"><br> <img src="black.jpg"><br> <form> <input type="button" value="画像一括変更" onclick="ChangePics()"></input> </form> ------------------------------------------------------------ [画像一括変更]ボタンをクリックすると表示されていた３枚の「black.jpg」が「white.jpg」に切り替わります。 ですが、画像のsrcへのアクセスは「document.images[i].src」で 行っているため、 <img src="black.jpg"><br> <img src="black.jpg"><br> <img src="black.jpg"><br> の上に他の画像がある場合はその画像が「white.jpg」に変更されてしまいます。 ですが、<img src="black.jpg" name = "pic1">のようにname属性を付けるのは処理が面倒になるので、避けたいです。 質問の意図は、「作ったJavaScriptのプログラムをブログに載せたいが、そのプログラムの上にほかの画像があるため、正常に動作しない。」ということです。
- ベストアンサー
- JavaScript
- JavaScriptで画像からリンクプラスアルファ
http://www.printpac.co.jp/ こちらのページの 2段目のスライドしているナビゲーションのようにマウスオ-バーでnext,prevボタンが表示され、それをクリックすると次の画像が即座に表示され、なおかつ目的の画像からは個別のページへリンクする。というものが作りたいと思っています。 今現在はフェードインフェードアウト(画像表示の雰囲気がサンプルとは少し異なります)で画像を7枚順に表示されるようにするところまではＯＫです。 更に、最後の画像の（giifファイル）中の文字からクリックでリンクに飛ぶ。 そして、3秒周期の表示が待てない人にはnext,prevの矢印がマウスオーバーで出てきて、それをクリックすると次の画像がフェードインする。という風にしたいと思っています。 現在のコードです。 <script src="http://code.jquery.com/jquery.js"></script> <script language="JavaScript"><!-- $(function(){ myImageCnt = 7; // 画像の数 myImage = new Array( // 画像ファイル名の設定 "img/main/f01.jpg", "img/main/f02.jpg", "img/main/f03.jpg", "img/main/f04.jpg", "img/main/f05.jpg", "img/main/f06.jpg", "img/main/f07.jpg" ); myNowCnt = 0; // 現在表示している画像番号 function myChange(){ // 定期的に画像を更新する関数 if (myNowCnt == myImageCnt-1){ // 最後の画像まで表示したのなら myNowCnt=0; // 最初の画像に戻す }else{ // 最後の画像まで表示していないのなら myNowCnt++; // 次の画像へ } setTimeout(function() { $("#myFormImg").fadeOut(2000, function() { $(this).attr("src", myImage[myNowCnt]); $(this).fadeIn(1000, function() { myChange(); }); }); }, 3000); // 3秒周期 } myChange(); }); // --></script> <img src="img/main/f01.jpg" width="900" height="300" id="myFormImg"> <script language="JavaScript"><!-- myChange(); // --></script> サンプルのページでは"CSS"と"画像にMap"作ってリンク飛ばして、スライダーの動きはｊｓファイルで 制御しているようでしたのでこの"Ｍａｐ"を参考にひとまず最後に来るはずの画像を最初に持ってきて画像ファイルにＭａｐ作ってリンク飛ばして対応してるのですが、かなり苦し紛れ状態です・・・ 何をどのように記述すれば目的の物が出来るでしょうか？ よろしくお願いいたします。
- 締切済み
- その他（プログラミング・開発）
- 画像を順にフェードインフェードアウトで表示
ＨＰのＴｏｐページのw900×h300位のスペースに 順に画像をフェードインフェードアウトしながら表示させ,最後の画像でストップさせたい Flashムービーを作成するのは簡単なのですが、iPadに対応しない為 jQueryなどで表示させたいのですが、javaが全然わからず困っています。 一応下記のように自分で調べてみて見つけた、近いものを作っては見たものの <script language="JavaScript"><!-- myImageCnt = 7; // 画像の数 myImage = new Array( // 画像ファイル名の設定 "img/main/f01.jpg", "img/main/f02.jpg", "img/main/f03.jpg", "img/main/f04.jpg", "img/main/f05.jpg", "img/main/f06.jpg", "img/main/f07.jpg" ); myNowCnt = 0; // 現在表示している画像番号 function myChange(){ // 定期的に画像を更新する関数 if (myNowCnt == myImageCnt-1){ // 最後の画像まで表示したのなら myNowCnt=0; // 最初の画像に戻す }else{ // 最後の画像まで表示していないのなら myNowCnt++; // 次の画像へ } document.myFormImg.src = myImage[myNowCnt]; // 次の画像を表示する setTimeout( "myChange()" , 6000 ); // ２秒周期に画像を更新する } // --></script> <img src="img/main/f01.jpg" width="900" height="300" name="myFormImg"> <script language="JavaScript"><!-- myChange(); // --></script> こんな感じでやってみたもののこれではフェードインフェードアウトにはなりません どこに何を足せばいいのか、または全く違うコードを書けばいいのかどなたかお教えいただけませんでしょうか。 jQueryだと記述はもっと簡単なのでしょうか？
- ベストアンサー
- その他([技術者向] コンピューター)
- 新ウィンドウの画像をクリックして閉じる
画像を載せたホームページを作成しています。 target="_blank"で新ウィンドウで開いた画像をクリックして、新ウィンドウを閉じるにはどうしたら良いのでしょうか？ これじゃダメなんでしょうか？ <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <SCRIPT LANGUAGE="JavaScript"> <!-- function WinCls(){ window.close() } //--> </SCRIPT> <TITLE></TITLE> </HEAD> <BODY> <A href="aaa.jpg" javascript:WinCls()" target="_blank"><IMG src="aaa.jpg"></A> </BODY> </HTML>
- 締切済み
- JavaScript
- 画像と文字を同時に切り替えたい
お世話になります。どうしてもできなくて困っています。 <script> var n=1; var msg = ["テキスト1", "テキスト2", "テキスト3", "テキスト4", "テキスト5", "テキスト6", "テキスト7"]; function change(){ i++; document.img.src="../img/test" + n+ ".jpg"; } </script> <a href="JavaScript:change();"><img src="../img/test1.jpg" name="img"/></a> <script> document.write((msg[i++])); </script> これで、画像をクリックすると、画像はどんどん切りかわっていきますがその下のテキストが切り替わりません！ずっとテキスト1が出たまんまなんです。どうしたらいいのかわかりません！分かる方、ぜひ教えてください
- ベストアンサー
- JavaScript
- パソコンとプリンタをUSB接続して使用する方法が分からない
- Windows１１を使用している場合、MFC-L3770CDWのUSB接続の印刷方法がわからない方への解説です。
- MFC-L3770CDWのUSB接続を利用してパソコンからの印刷ができない場合は、以下の手順を試してみてください。
お礼
お忙しい中、早々とご回答をご丁寧にどうもありがとうございました。 早速試してみました!最後の画像で無事閉じてくれました・・・感激です☆ 本当にどうもありがとうございました♪大変感謝致します!!