- ベストアンサー
JavaScriptで画像を1つずつ増やして表示させる方法
- JavaScriptを使って、同じページ内に画像を1つずつ増やして表示させる方法について教えてください。
- 画像の横に、その段にいくつ画像があるかの文章を併記する方法も教えてください。
- りんごの画像を1つずつ増やして表示するページを作りたいです。100段目までの表示が必要です。
- okapix
- お礼率100% (1/1)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- JavaScriptの表示についておねがいします。
JavaScriptで、以下のスプリクトのページを表示する部分を10秒ごとにしたいのですがどなたか教えて頂けないでしょうか？出来れば、追記して回答お願いします。 <html> <body> </scr ipt> </head> <body onLoad="openWindow1()"> <a href="javascript:openWindow1();">web表示</a> <SCRIPT language="JavaScript"> <!-- // サブウィンドウの表示方法を指定する function openWindow1() { window.open("http://yahoo.co.jp/","1"); window.open("http://www.google.co.jp/","2"); window.open("http://ja.wikipedia.org/wiki/メインページ","3"); } //--> </SCRIPT> </body> </html>
- 締切済み
- JavaScript
- 画像のソースを変える(JavaScript)
<html> <head> <script language="javascript"> <!-- function Karasu() { document.forms[0].elements[0].value = "からす"; }// --> </script> </head> <body onload="Karasu()"> <form> <input type="text"><br> </form> </body> </html> ソースの「document.forms[0].elements[0].value」のように画像のソースを書き換えて違う画像を表示させることはできませんか? name属性を使わずにお願いします。 また、他のもっと良い考え方で画像を動的に変更する方法があれば教えてください！
- ベストアンサー
- JavaScript
- JavaScriptでエラー表示されてしまします
いつもお世話になっております。 現在、JavaScriptの勉強をしているのですが、実行しようとするとエラー表示されてしまいます。 解決方法に心当たりのある方は教えて頂けないでしょうか。 実行環境はGoogle Chromeです。 ソースは以下のようになっています。 <doctype! html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Javascript</title> <link rel = "stylesheet" href = "jscss.css"> </head> <body> <h1>写真一覧</h1> <script type="text/javascript"> for (var i = 100; i <= i + 14; i++) { img = "fredis2 " + i +".JPG"; document.write("<img src='img/2011-05-12 fredis2/"+ img +">") } </script> </body> </html> 今までソースに間違いなどがあった場合は、間違い部分のみ表示されないだけで、ブラウザ上には表示出来ていたのですが、 今回は「エラー このWebページの表示中に問題が発生しました。続行するには、再度読み込みするか別のページに移動して下さい」と表示された暗いページが表示されてしまいます。 もちろん、再度読み込み、別ページ移動は試してみましたが結果は同じでした。 なお、他のコードファイルは問題なく実行できます。 よろしくお願いします。
- 締切済み
- その他（インターネット・Webサービス）
- 画像を貼り出してその後、その画像をクリックすると大きく表示されるように
画像を貼り出してその後、その画像をクリックすると大きく表示されるようにしたいのですが、どうしたら良いかわかりません。 <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
- FLASH画像を表示した後のHTML
FLASH画像を表示した後のHTML文が全くブラウザーに表示されないのはなぜでしょうか。 .cgi側に以下のようなHTMLタグを書いております。 【ヘッダー部】 print <<"EOF"; <head> <meta http-equiv="Content-Script-Type" content="text/javascript"> … <script src="http://～/javascript/flash_run.js" type="text/javascript"></script> … </head> EOF 【本体（body）部】 <script type="text/javascript">FlashRunClock();</script> … … Javascriptで書いたflash_run.jsの中には、関数FlashRunClock(){}がちゃんと入っております。 時計のFLASH画像を表示はできるのですが、その直後にある、掲示板の投稿文章そのものが全く ブラウザーに表示されません。ちなみにIEでソースを表示すると、投稿文章のタグやら投稿文章本体などが表示されているのですが、画面上では表示されません。何がいけないのでしょうか。 ご指導のほう、よろしくお願いします。
- ベストアンサー
- CGI
- javascriptについて
javascriptに関してまだまだ初心者で困っております． 作成したいプログラムは，画像をクリックすると，クリックした画像だけが"on.gif"になり，それ以外の画像は"off.gif"となるようなプログラムです． そこで以下のようなプログラムを作成したのですが，うまく動きません． ご助言頂ければ幸いです． <html> <head> <script type="text/javascript> <!-- function changeImg(no){ for (i=1; i<3; i++){ document.image[i].src = "off.gif"; if(i==no) document.image[i].src = "on.gif"; } } //--> </script> </head> <body> <ul> <li><a href="JavaScript:changeImg(1)"><img src="on.gif" name="image[1]" /></a></li> <li><a href="JavaScript:changeImg(2)"><img src="off.gif" name="image[2]" /></a></li> </ul> </body> </html>
- ベストアンサー
- JavaScript
- JavaScriptを使う時は、
・・・・・・・・・・・・・・ <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> <script> alert("test"); </script> </BODY> </HTML> ・・・・・・・・・・・・・・ これでメッセージボックスが表示されるのですが、 なぜ <script type ="text/javascript"> <!-- //--> </script> で括らなくていいのでしょうか？ JavaScriptを使う時は、 <script> </script> だけでもいいのでしょうか？ http://www.pori2.net/js/kihon/4.htmlこのサイトを参考にしました。
- ベストアンサー
- JavaScript
- JavaScriptのinnerHTMLの挙動について
下で"JavaScript内からJavaScriptを書き出したいのですが"で質問したものですが，ソースコードを簡単にして再質問したいと思います． ソースは以下のようにし，divタグのところにinnerHTMLで文字"test"とJavaScriptでアラートを表示させるものです．表示してみたところ，"test"は表示されるのですが，アラートは出てきません． これはinnerHTMLではHTMLのタグは評価されるが，JavaScriptは評価されない，ということなんでしょうか．JavaScriptのこのような仕様は調べにくいので困っています．回答宜しくお願いします． <html><head><title></title> <SCRIPT type="text/javascript"> <!-- var str='<font color="blue">test</font><script type="text/javascript">alert(123);</script>'; function gogo(){ document.all("here").innerHTML = str; } //--> </SCRIPT> </head><body> <div id="here" style="position:absolute;width:600px;left:0px;top:0px;"></div> <SCRIPT type="text/javascript"> <!-- gogo(); //--> </SCRIPT></body></html>
- ベストアンサー
- JavaScript
- javascript 初心者です
javascript 初心者です 設定したグローバル変数を引数に指定したいのですが、うまくいきません。 下記のスクリプトのように書いてみたのですが、○が返ってきてしまいます。 どうすればうまくいくでしょうか？よろしくお願いします。 <html> <head> <script type="text/javascript"> <!-- i = false; function myFunc(hensu){ if(hensu){ alert("○"); } else{ alert("×"); } } --> </script> </head> <body> <p onclick="myFunc('i')">[btn]</p> </body> </html>
- ベストアンサー
- JavaScript
- JavaScriptで九九
繰り返し処理を用いて画像のように表示させたい場合はどこを修正すればいいですか？ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>九九</title> </head> <body> <script> for (var i = 1; i <= 9; i++) { for (var j = 1; j <= 9; j++) { document.write(`${i} * ${j} = ${i*j}<br/>`); } } </script> </body> </html>
- 締切済み
- JavaScript
お礼
ありがとうございます！ 助かりました☆ すごいです。感動しました。