フィルターを使って画像を入れ替えたいのですが、うまくいきません| OKWAVE

画像をフィルターを使って入れ替えたいです

再度恐れ入ります。画像を入れ替えるときに、フィルターを使いたいのです。トップページの画像１枚をもう一枚と入れ替えて、最初の一枚に戻って終わりたいのですが・・・。今のままだと２枚の画像の入れ替えが延々と繰り返すことになるので、それを１回で止めたいのです。本当に初心者な質問で申し訳ございませんが、教えていただけると助かります。どうぞよろしくお願いいたします。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript">  </SCRIPT> </HEAD>  <BODY bgcolor="#ffffff" onLoad="setInterval('changeImage()',5000)"> <IMG src="img/img0.jpg" name="img" border="0" style="filter:revealTrans(duration=2,transition=8)"><BR> </BODY> </HTML>

画像を入れ替えたい

こんにちは。初心者であまりよく分からないので教えていただきたいのですが・・・下記のプログラムで画像を入れ替えるというのをやりたいのですが、ずっと入れ替え続けるのではなくて、１枚目から２枚目に入れ替えるだけで終わらせたいのです。for文を使えばいいとのかなと思うのですが、どこにforを入れたら良いのか分かりません。あるいはもっと簡単なやり方があるのでしょうか・・・。急いでやらないといけないので教えていただけたらと思います。どうぞよろしくお願いします。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript">  </SCRIPT> </HEAD> <BODY bgcolor="#ffffff" onLoad="setInterval('changeImage()',1000)"> </BODY> </HTML>

１つのファイルで画像をクリックしたら差し代わる方法

表題のように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>

スクリプトの画像入替えでエラーになった！

web画面で画像を数秒間単位で入れ替えるスクリプトを作動していたのですが、画像を２枚から３枚にしたら上手く表示されなくなりました。全く理由が解りません。（当初２枚の画像の時）  <body> <A href="b****.shtml"><IMG src="img/img0.jpg","img1.jpg" name="img" border="1"></A> これで上手く作動していました。 ------------------------------------ （画像を３枚にした時）  <body> <A href="*****.shtml"><IMG src="img/img0.jpg","img1.jpg","img2.jpg" name="img" border="1"></A> この場合、プレビューとかIEでは正常に3枚の画像が入れ替わるのですが、実際のWEB画面では、３枚目が×で表示されます。 FTPツールからサーバーへの転送も何度か行いましたが状態は変わりません。私が理解できないのは、プレビューとかIEで表示されてWEB画面で表示されないのは、サーバーが「img2.jpg」を認識していないということではないでしょうか？その場合でも、FTPツールからサーバーへの転送をすれば良いのではないでしょうか？それでも駄目なので、精通されている方にお聞きしたくて相談しました。宜しくお願いします。

一つのページで二つ動かすのはできないですか

画像を次々に変えていくJavaScriptを一つのページで2個使いたいのですが、二つ使うと、表示されません。これでは無理なのでしょうか？無理だったら、他に何かいい方法があれば教えてください。これを使いました。よろしくお願いします。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript">  </SCRIPT> </HEAD> <BODY bgcolor="#ffffff" onLoad="setInterval('changeImage()',500)"> <BR><BR> <IMG src="img1.gif" name="img" border="0"> </BODY> </HTML>

再度、JavaScriptのことで教えて！

先程、JavaScriptのことで質問した者です。下記にように記述したのですが、プレビューでは正常に表示されるのですが、アップすると、画像が×印で表示されません。関数、若しくは、ソースの記述に問題があるのでしょうか？どなたか、検査願えませんか？ --外部ファイル--（ファイル名：men.js）  --ソース--- <script type="text/javascript" src="js/men.js"></script>

JavaScriptのことで教えて！

１シートにJavaScriptを２つ使うことは出来ないのでしょうか？画像が点滅するJavaScript と画像が入れ替わるJavaScript 両方を１シートで使用できませんか？この部分は入力できるのですが <SCRIPT language="JavaScript">  勿論、点滅のJavaScriptも記載済みです。ところが、 <BODY onload="blink()"> <BODY bgcolor="#ffffff" onLoad="setInterval('changeImage()',1000)"> このように並列して書くとエラーになります。２つのavaScriptは使用できないのでしょうか？精通されている方、居られましたら宜しくご指導願います。

いくつか用意したフラッシュ（.swfファイル）を切り替え表示したい

フラッシュで作成した.swfファイルをいくつか用意し、ホームページ上で切り替わるように表示したいのですが、どなたか詳しい方、教えていただけないでしょうか？画像の切り替えのソース（以下----部分）を利用してみたのですが、.jpgの部分を.swfに置き換えても、上手く表示されませんでした。具体的に、ソースを記述していただけると、大変うれしいです。都合のいい質問ですいません。よろしくお願いします。 ------------------------------------------- <html> <head> <title></title> <script language="JavaScript"> </script> </head> <body> <img id="myImg" src="img1.jpg" style="filter:revealTrans(duration=2,transition=12)" onClick="nextImg()"> </body> </html> -------------------------------------------

javascriptでループをやめたい

javascript初心者です。下記の様にソースが書いてあります。画像が表示され、順番に表示されるのはいいのですが、最後の画像になった時に、最初の画像に戻り、永遠と画像がループし、表示されてしまいます。最後の画像になった時に、表示を止め、最後の画像のまま表示を止めたいのですが、わかりません。ご教示お願いいたします。 <SCRIPT language="JavaScript">  </SCRIPT> </head> <img src="img0.jpg" name="img" style="filter:alpha(opacity=100)">

IEとFireFoxの両方で動作するJavaScriptコード

タイトル通り、IEとFireFoxの両方で動作するJavaScriptコードの書き方が分かりません。現在以下のようなコードで写真をクリックすると切り替わるようにしているのですが、FireFoxでは動いてくれません。。 <script language="JavaScript">  </script> ***写真の部分*** <img src="0.jpg" width="300" height="400" border="1" alt="PHOTO" name="change" style="filter:revealTrans(duration=1,transition=12)" onClick="wipe(this)"> どなたか分かる方がおりましたら、ご教授願います。宜しくお願い致します。。

サムネイル画像をオンマウスで拡大表示してそれぞれの画像にリンクを指定する記述について

お世話になります。 JavaScript初心者ですが、フリーソースなどを見つつ勉強しております。下記のようなhtmlに【js00】と【js01】を読み込んでサムネイル画像をオンマウス時に上部に拡大表示させているのですが、サムネイル画像と拡大表示画像の両方に指定リンクをつけようとしています。記述４の【js02】のような画像をランダム表示して指定リンクをつけるScriptは発見できたのですが、これを記述１+２+３と組み合わせられず、作業が進まなくなってしまいました…。フリーソースを応用しようとしすぎて、遠回りな記述になっているかもしれませんが、もし分かる方がいらっしゃったら教えて頂けないでしょうか？ ■記述１(html) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <SCRIPT language="JavaScript" type ="text/javascript" src="http://test.com/00.js"> </SCRIPT> </head> <body> <table width="400"> <a href="#" target="_blank"> <img src="http://test.com/img/01.jpg" name="imgSample"></a> <div> <div> <script language="JavaScript" type ="text/javascript" src="http://test.com/01.js"> </script> </body> </html> ■記述２(js00) //画像の名前を配列に代入していきます。 strPictureName = new Array("http://test.com/img/01.jpg","http://test.com/img/02.jpg","http://test.com/img/03.jpg","http://test.com/img/04.jpg","http://test.com/img/05.jpg","http://test.com/img/06.jpg","http://test.com/img/07.jpg","http://test.com/img/08.jpg"); function SetPicture(nVal) { document.imgSample.src = strPictureName[nVal]; } ■記述３(js01) //サムネイル画像をオンマウスで拡大表示 img_num="8"; if( img_num == "" ){img_num='5';} for ( cnt = 1 ; cnt <= img_num ; cnt++ ) { cnt2 = cnt-1; document.write( "<a href=\"#\" onMouseOver=\"SetPicture("+cnt2+");\" class=\"menu\"><img src=\""http://test.com/0"+cnt+".jpg\" width=\"100\" height=\"86\"></a>" ) ; } ■記述４(js02) // ランダムに画像を表示する jmp = new Array(); img = new Array(); // ジャンプ先のアドレス(数字は画像と対応) jmp[0] = "http://www.yahoo.co.jp/"; jmp[1] = "http://bb.yahoo.co.jp/"; jmp[2] = "http://www.yahoo.co.jp/"; jmp[3] = "http://auctions.yahoo.co.jp/"; jmp[4] = "http://aeu.jp/cs/"; jmp[5] = "http://google.com/"; jmp[6] = "http://google.co.jp/"; jmp[7] = "http://news.yahoo.co.jp/"; // 画像のアドレス(数字はジャンプ先のアドレスと対応) img[0] = "http://test.com/01.jpg"; img[1] = "http://test.com/02.jpg"; img[2] = "http://test.com/03.jpg"; img[3] = "http://test.com/04.jpg"; img[4] = "http://test.com/05.jpg"; img[5] = "http://test.com/06.jpg"; img[6] = "http://test.com/07.jpg"; img[7] = "http://test.com/08.jpg"; n = Math.floor(Math.random()*jmp.length); document.write("<a href='"+jmp[n]+"'>"); document.write("<img src='"+img[n]+"' border='0'>"); document.write("</a>"); ■完成イメージ　　|￣￣￣￣￣￣￣| 　　|　拡大画像　 | 　　|＿＿＿＿＿＿＿| 　　|￣||￣||￣||￣| 　　|＿||＿||＿||＿|←サムネイル・サムネイル画像をオンマウスで拡大画像を表示・サムネイル画像、拡大画像それぞれに指定リンクを入れる・可能であればリンクページは　target="_blank"　で開きたい以上がご質問内容です。初心者で大変恐縮ですが、どうぞよろしくお願いいたします。

画像をフェードインさせるタグについて

HP作成の際、画像をフェードインさせたいのですが、以下のタグをコピーして貼り付けてもエラーになります。どこを修正したらよいのでしょうか？よろしくお願いします<m(__)m> <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript">  </SCRIPT> </HEAD> <BODY bgcolor="#ffffff" onLoad="fdInImg()"> 画像が順番にフェードインします。<BR><BR> <IMG src="画像のアドレス"> <IMG src="画像のアドレス"> <BR><BR> </BODY> </HTML>

画像を変えるスクリプト

<HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript">  </SCRIPT> </HEAD> <BODY> <CENTER> <A href="#" onMouseOver="changeImage(0,2)" onMouseOut="changeImage(0,1)"><IMG src="img1.gif" border=0></A><BR> <BR> <A href="#" onMouseOver="changeImage(1,4)" onMouseOut="changeImage(1,3)"><IMG src="img3.gif" border=0></A> </CENTER> </BODY> </HTML> マウスオーバーしたら画像が変わるスクリプトです。質問ですがこのスクリプトでどうしてオブジェクトを作っているのでしょうか？普通にsrcプロパティを変更するだけではだめなのでしょうか？例えばdocument.images[i].src="img"＋j＋".gif"のようにしてiとjを変えるような感じです。

画像等の切り替えパターンがランダムにならないのですが。

うまく書けなくて申し訳ないのですが。ボタンをクリックして画像を切り替えるとき filterのrevealTransでtransition=23を指定して、ランダムな切り替えパターンを使いたいのですが、 durationが同じ時間だと切り替えパターンがランダムになりません。 durationの時間を乱数などで変えても、同じfunctionで処理すると切り替えパターンがランダムになりません。ボタン「絵４」を実行すると、その直後だけはパターンが切り替わりますが、後は同じパターンの繰り返しとなります。下の例でfunction「flt1」ひとつだけで処理して切り替えパターンがランダムになるようにするにはどうすればよいのでしょうか？ <html> <head> </head> <script language="JavaScript">  </script> <body bgcolor="#FFFFCC" text="#000000" > <center><img id=img1 src="絵０.JPG" width="60%"></center> <form name="fm"> <table align="center" border=1 bgcolor="#FFFFCC"> <tr> <td colspan=2 align="right"> <input type="button" value="絵１" onClick="flt1('絵１.jpg')"> </td> <td colspan=2 align="right"> <input type="button" value="絵２" onClick="flt1('絵２.jpg')"> </td> <td colspan=2 align="right"> <input type="button" value="絵３" onClick="flt1('絵３.jpg')"> </td> <td colspan=2 align="right"> <input type="button" value="絵４" onClick="flt2('絵４.jpg')"> </td> </tr> </table> </form> </body> </html>

Javaにて画像を残像が残りつつ変化させリンクもつけたい。

Javaにて画像を残像が残りつつ数秒ごとに変化させ、さらにリンクを画像ごとに変え、マウスを置いたときにそれぞれ画像ごとに説明文が出るようにしたいのですが・・・説明文はマウスをおいたら付箋みたいに出るあれです。下記のようなのは見つけて残像するのですが、リンクなどをどこに挿入していいのかわかりませんので教えてください。 Javaは初心者なのですが休み中に解決してこいと言われました。宜しくお願いします。 <SCRIPT language="JavaScript">  </SCRIPT> <BODY onLoad="imgchange()"> <DIV align="center"> <img src='img01.jpg' id="imgframe" style="filter:blendtrans" width="300" height="401" alt="トップバナー" /><br /> <br />

画像のフェードインについて

最近javascriptでいろいろなことができることを知りました。 WEBを調べていたら、画像のフェードインのソースを見つけて、そのソースの意味を調べていましたら、今まで見たことのない表記が出てきました。再起処理の中に"+img+"とうのがありますがこれはどういう意味なのかなと、理解できません。+imgとかimg+ と表記されていた場合は、前の画像に新しい画像を足していくのかなと想像してしまいますが、果たしてその解釈も正しいものやら想像の範囲でしかありませんが・・・。javascriptに詳しい方、 +img+の意味を是非ご教授お願いいたします。javascriptは、数日前に本を読み始めたばかりの初心者です。バカな質問と思われるかもしれませんが宜しくお願いいたします。

JavaScriptのスライドショー　IE以外のブラウザで再生できない

JavaScriptのサンプルソースを提供されている方のサイトからコピーして使用させていただいているものです IEでは再生OKなのですが、Firefox、GoogleChrome、Safariで再生させるように改変することは可能でしょうか？ <script>  </script> BODY内↓ <img id="imgFil1" style="FILTER: blendTrans(duration=1)" onfilterchange="setTimeout('sulaidoImg1()',4000)" border="1"><br> <script>  </script>

画像切り換えでTransitionをかけたい。

フリーソースでの応用なのですが次のJavaScriptで画像の自動切り換え表示に Transitionをかけたいのですが、知識がなくてわかりません。アドバイスをお願いいたします。 <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> function viewSource(){ location = "view-source:" + window.location; } </SCRIPT> ----------- <BODY onload="setTimeout('timer()', 2000);"> <IMG SRC="photo1.jpg" NAME="img"> -----------

javascriptを使って画像を切り替える

javascriptを使って画像（id="chengeImg"）を切り替えたいと思っています。画像はsamp0.jpg～samp4.jpgの計5枚ただ、問題があって、画像によって移り替わる時間を変えたいんです。（一定ではない） setTimeoutの引数(time)と画像を、どう結びつければよいのかが分からず困っています。それぞれ、画像0の時は5000ミリ秒　画像1の時は4000ミリ秒画像2の時は3000ミリ秒　… と移り変わる速度を変えたいのです。一応、timeは配列がいいのかと配列にしてみましたそれが良いのかどうかも定かではないのですが… どのようにすれば、時間が一定でない画像切り替えが可能になるでしょうか？スクリプトを詳しく教えていただけると、ありがたいです。以下、javascriptの一部を記します。【js】ファイル(imagechange.js)------ window.onload=anime; var img=new Array(5); img[0]=new Image(); img[1]=new Image(); img[2]=new Image(); img[3]=new Image(); img[4]=new Image(); img[0].src="samp0.jpg"; img[1].src="samp1.jpg"; img[2].src="samp2.jpg"; img[3].src="samp3.jpg"; img[4].src="samp4.jpg"; //画像枚数 var num=0; //時間制御 time = new Array(5000, 4000, 3000, 3000, 3000); function anime(){ 　var ch = document.getElementById("changeImg"); 　ch.src=img[num].src; 　 if(num<4){ 　　 num++; 　 }else{ 　　 num=0; 　 } 　 setTimeout("anime()",time); } 【html】ファイル-------- <head> <title>画像切り替え</title> <script type="text/javascript" src="imagechange.js"</script> </head> <body> <p><img src="samp0.jpg" width="700" height="200" id="chengeImg"></p> </body> </html> 以上となります。詳しい方、ぜひ教えてくださいませ。どうぞ宜しくお願いいたします。

JavaScriptで画像を変更する

質問が分かりずらいと思いますが、お願いします。 <body>内に↓が書かれています。 <script language="JavaScript">  </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のプログラムをブログに載せたいが、そのプログラムの上にほかの画像があるため、正常に動作しない。」ということです。

フィルターを使って画像を入れ替えたいのですが、うまくいきません

みんなの回答

補足 2008/06/14 02:21

関連するQ&A

画像をフィルターを使って入れ替えたいです

画像を入れ替えたい

１つのファイルで画像をクリックしたら差し代わる方法

スクリプトの画像入替えでエラーになった！

一つのページで二つ動かすのはできないですか

再度、JavaScriptのことで教えて！

JavaScriptのことで教えて！

いくつか用意したフラッシュ（.swfファイル）を切り替え表示したい

javascriptでループをやめたい

IEとFireFoxの両方で動作するJavaScriptコード

サムネイル画像をオンマウスで拡大表示してそれぞれの画像にリンクを指定する記述について

画像をフェードインさせるタグについて

画像を変えるスクリプト

画像等の切り替えパターンがランダムにならないのですが。

Javaにて画像を残像が残りつつ変化させリンクもつけたい。

画像のフェードインについて

JavaScriptのスライドショー　IE以外のブラウザで再生できない

画像切り換えでTransitionをかけたい。

javascriptを使って画像を切り替える

JavaScriptで画像を変更する

注目のQ&A

カテゴリ

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

専門家に質問してみよう

フィルターを使って画像を入れ替えたいのですが、うまくいきません

みんなの回答

補足 2008/06/14 02:21

関連するQ&A

画像をフィルターを使って入れ替えたいです

画像を入れ替えたい

１つのファイルで画像をクリックしたら差し代わる方法

スクリプトの画像入替えでエラーになった！

一つのページで二つ動かすのはできないですか

再度、JavaScriptのことで教えて！

JavaScriptのことで教えて！

いくつか用意したフラッシュ（.swfファイル）を切り替え表示したい

javascriptでループをやめたい

IEとFireFoxの両方で動作するJavaScriptコード

サムネイル画像をオンマウスで拡大表示してそれぞれの画像にリンクを指定する記述について

画像をフェードインさせるタグについて

画像を変えるスクリプト

画像等の切り替えパターンがランダムにならないのですが。

Javaにて画像を残像が残りつつ変化させリンクもつけたい。

画像のフェードインについて

JavaScriptのスライドショー IE以外のブラウザで再生できない

画像切り換えでTransitionをかけたい。

javascriptを使って画像を切り替える

JavaScriptで画像を変更する

注目のQ&A

カテゴリ

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

専門家に質問してみよう

JavaScriptのスライドショー　IE以外のブラウザで再生できない