- ベストアンサー
いくつか用意したフラッシュ（.swfファイル）を切り替え表示したい
フラッシュで作成した.swfファイルをいくつか用意し、ホームページ上で切り替わるように表示したいのですが、どなたか詳しい方、教えていただけないでしょうか？ 画像の切り替えのソース（以下----部分）を利用してみたのですが、.jpgの部分を.swfに置き換えても、上手く表示されませんでした。 具体的に、ソースを記述していただけると、大変うれしいです。 都合のいい質問ですいません。 よろしくお願いします。 ------------------------------------------- <html> <head> <title></title> <script language="JavaScript"> <!-- var cnt = 0; var dat = new Array("img1.jpg","img2.jpg","img3.jpg","img4.jpg"); prLdImg= new Array(); for (i=0; i<dat.length; i++){ prLdImg[i] = new Image(); prLdImg[i].src = dat[i]; } function nextImg(){ var obj = window.document.all('myImg'); if(timerID){clearTimeout(timerID);} cnt++; cnt %= dat.length; obj.filters.revealTrans.Apply(); obj.src = dat[cnt]; obj.filters.revealTrans.Play(); var timerID = setTimeout("nextImg()",3000); } // --></script> </head> <body> <img id="myImg" src="img1.jpg" style="filter:revealTrans(duration=2,transition=12)" onClick="nextImg()"> </body> </html> -------------------------------------------
- honey_sweets
- お礼率80% (328/407)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
http://www.openspc2.org/reibun/javascript/multimedia/011/index.html http://www.openspc2.org/reibun/javascript/multimedia/012/index.html 上記はSWFファイルの入れ替え方の参考URLだけど、 SWFファイルを直接ダイナミックに入れ替えると、NetscapeやSafariは良いんだけど、MacのIEは何故か落ちるんだよね。 で、面倒だけれども、iFrameの中でSWFファイルを貼付けたHTMLテキストを入れ替える様にすれば落ちないから。 みんなが見れる方法function changeIFrameで作ってもらいたいね。それじゃなければ、フラッシュで作るとかね。
その他の回答 (1)
- moon_night
- ベストアンサー率32% (598/1831)
img のタグでSWFを出力することはできませんね。 普段SWFの出力はどのようなタグで行っていますか？ そのタグをIMGタグにい置き換えてやればいいのです。 （理論上は。id=myImg は必須。 動かないかもしれんが。） 単純にonclickで切り替えるのならばフラッシュだけで作ることも可能ですが。。 （ボタンをつけて、押されると次のフラッシュを読み込むような感じ）
お礼
自己解決しました！ お騒がせいたしました。(>_<) この度は、どうもありがとうございました。
補足
どうもありがとうございました！ フラッシュで作れれば一番良いのかもしれないんですが、フラッシュのコンテンツはすでに出来上がったものを利用しなければならないので、タグやスクリプトで切り替えられたらと思っています。 ただ、Webにアクセスするたびに勝手にランダムに切り替わるようにしなければならないので、ちょっと困っています。。。
関連するQ&A
- javascriptのスライドショーで、ポイント時に代替テキストを表示するか、ポイントしなくてもキャプションを表示するためには？
初心者ですが何とかjavascriptで自動のスライドショーを動かしています。写真にポイントした時にalt等で代替テキストを表示するか、ポイントしなくてもキャプションを表示するためにはどのような記述が必要なのでしょうか？ スタイルシートは使っていません。 現在はこんな感じです。 根本的に違うのでしょうか？できれば簡単な方法があればと思います。 head部には <SCRIPT> <!-- var img = "1.JPG,2.JPG,3.JPG"; var imgs = img.split(","); var i=0; var pic = new Array(); for(cnt=0; cnt<imgs.length; cnt++){ pic[cnt] = new Image(); pic[cnt].src = imgs[cnt]; } function sulaidoImg1() { i++; i%=imgs.length; imgFil1.filters.blendTrans.Apply(); imgFil1.src = pic[i].src; imgFil1.filters.blendTrans.Play(); } //--> </SCRIPT> 対象部分には <SCRIPT> <!-- imgFil1.src=pic[0].src; setTimeout("sulaidoImg1()", 3000); //--> </SCRIPT>
- 締切済み
- その他(ソフトウェア)
- JavaScriptのスライドショー IE以外のブラウザで再生できない
JavaScriptのサンプルソースを提供されている方のサイトから コピーして使用させていただいているものです IEでは再生OKなのですが、Firefox、GoogleChrome、Safariで再生させるように改変することは可能でしょうか？ <script> <!-- var img = "1.jpg,2.jpg,3.jpg"; var imgs = img.split(","); var i=0; var pic = new Array(); for(cnt=0; cnt<imgs.length; cnt++){ pic[cnt] = new Image(); pic[cnt].src = imgs[cnt]; } function sulaidoImg1() { i++; i%=imgs.length; imgFil1.filters.blendTrans.Apply(); imgFil1.src = pic[i].src; imgFil1.filters.blendTrans.Play(); } //--> </script> BODY内↓ <img id="imgFil1" style="FILTER: blendTrans(duration=1)" onfilterchange="setTimeout('sulaidoImg1()',4000)" border="1"><br> <script> <!-- imgFil1.src=pic[0].src; setTimeout("sulaidoImg1()", 4000); //--> </script>
- ベストアンサー
- JavaScript
- flash(.swf)を順番に切り替えしたいのですが・・・
3つの.swfファイルをjavascriptを使って.gifや.jpgのような（下記プログラムのような）スライドを作りたいのですが、どうよればいいのでしょうか？ 以下の.jpgを.swfに変えてみたのですが、うんともすんとも変わりません。Imageじゃなくて、そのほかにパラメータ指定とかするのでしょうか？ .flaファイルがなくなってしまって、後は、大切な.swfファイルをうまくつなぎ合わせたいのです。 お力をお貸しください。 ～略～ <script type="text/javascript"> var ww = 1; myimage = new Array(); for(i=1;i>=3;i++) { myimage[i] = new Image(); myimage[i].src = "aa"+i+".jpg"; } function FUN() { document.syasinn.src = myimage[ww].src; ww++; if(ww>3) { ww = 1; } setTimeout("FUN()",20000); } </script></head> <body> <img src="aa1.jpg" name="syasinn" width="300" height="200"> </body> ってな感じで、flashを入れ替えたときには <img>タグを<embed>に変えて、wmode=transparentを追加してみたのですが、だめでした。 助けてください！
- ベストアンサー
- Flash
- 月毎Flashを表示したいです。
画像の月別表示は↓のような感じで出来たんですけど 11月の jpg を swf にして embed src に入れると上手く行きません。 記述ミスでしょうか？ そもそも無理とかでしょうか？ <script language="JavaScript"><!-- myImg = new Array(12); myImg[0]="01.jpg"; myImg[1]="02.jpg"; myImg[2]="03.jpg"; myImg[3]="04.jpg"; myImg[4]="05.jpg"; myImg[5]="06.jpg"; myImg[6]="07.jpg"; myImg[7]="08.jpg"; myImg[8]="09.jpg"; myImg[9]="10.jpg"; myImg[10]="11.swf"; myImg[11]="12.jpg"; document.write('<embed src=",myImg[(new Date()).getMonth()]," quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" bgcolor="#FF0000" width="400" height="300"></embed>'); // --></script> 11月が成功したら他の月も全てswfファイルに交換します。 ご指導よろしくお願いします。
- ベストアンサー
- Flash
- JavaScript - 月ごとに画像変化
<script type="text/javascript"> <!-- var myimg = new Array(); myimg[0] = '<img src="a.jpg" alt="a.jpg" width="477" height="33">'; myimg[1] = '<img src="b.jpg" alt="b.jpg" width="477" height="33">'; myimg[2] = '<img src="c.jpg" alt="c.jpg" width="477" height="33">'; myimg[3] = '<img src="d.jpg" alt="d.jpg" width="477" height="33">'; myimg[4] = '<img src="e.jpg" alt="e.jpg" width="477" height="33">'; myimg[5] = '<img src="f.jpg" alt="f.jpg" width="477" height="33">'; myimg[6] = '<img src="g.jpg" alt="g.jpg" width="477" height="33">'; myimg[7] = '<img src="h.gif" alt="h.jpg" width="477" height="33">'; myimg[8] = '<img src="i.jpg" alt="i.jpg" width="477" height="33">'; myimg[9] = '<img src="j.jpg" alt="j.jpg" width="477" height="33">'; myimg[10] = '<img src="k.jpg" alt="k.jpg" width="477" height="33">'; myimg[11] = '<img src="l.jpg" alt="l.jpg" width="477" height="33">'; var mynow = new Date(); var mymonth = mynow.getMonth(); document.write("<center><img 'src="+myimg[mymonth ]+"'></center>"); // --></script> このようなものをHTML属性のBODY内に入れて、月ごとに画像を変化させるということを実現しています。 画像の変化自体はうまくいってますが、ブラウザの多くは [a.jpg]'> （"["と"]"は画像の端）という風に、右端に文字が出てしまいます。 試しに、2つの"'"を消せば []> という風に、画像が見つからない×印がついて表示も出来ません。 文字が出ないようにするにはどう対応するのでしょうか。 詳しい方アドバイスお願いします。 ちなみにJavascriptにこだわらず、月ごとに画像が変化できれば何でもいいです。
- ベストアンサー
- JavaScript
- 説明文を表示するには？
最近似たような質問ばかりしていますが、どうぞお助けください。 下のスクリプトに、画像を押すと画像の説明文が出てくるというスクリプトを入れたいんですがまったくわかりません。 スクリプトに詳しい方どうぞよろしくお願いします、教えて下さい。ちなみに初心者です。 <script language="JavaScript"> <!-- photo = new Array(); var pn = 0; photo[0]="WORKS/HOUSE/A house/A-house1.jpg"; photo[1]="WORKS/HOUSE/A house/A-house2.jpg"; photo[2]="WORKS/HOUSE/A house/A-house3.jpg"; photo[3]="WORKS/HOUSE/A house/A-house4.jpg"; photo[4]="WORKS/HOUSE/A house/A-house5.jpg"; photo[5]="WORKS/HOUSE/A house/A-house6.jpg"; photo[6]="WORKS/HOUSE/A house/A-house7.jpg"; var n=photo.length; p_obj=new Array();for(t=0;t<n;t++){p_obj[t]=new Image();p_obj[t].src=photo[t];} for(j=0;j<n;j++){document.write('<img alt="photo" width="100" height="80" hspace="5" vspace="5" src='+p_obj[j].src+' onclick="i='+j+';p_hyouji();">');} var hata=false,tid,tid2,i=0,min=30,zi,z_tid; function mae(){if(i>0){i--;p_hyouji();}else{i=n-1;p_hyouji();}} function tugi(){if(i<n-1){i++;p_hyouji();}else{i=0;p_hyouji();}} function p_hyouji(){document.getElementById("myimg").src=p_obj[i].src;} function saisyo(){i=0;document.getElementById("myimg").src=p_obj[i].src;} //--> </script>
- 締切済み
- JavaScript
- JAVAで画像をボタンで切り替え表示し、さらにそれぞれの画像をそれぞれ
JAVAで画像をボタンで切り替え表示し、さらにそれぞれの画像をそれぞれ別のURL(.html)へリンクをつける方法について教えて下さい。 <html> <head> <script language="JavaScript"> <!-- var i_index=-1; var arrImgs = [ '絵１.jpg', '絵２.jpg', '絵３.jpg', '絵４.jpg' ]; var tmp; for (j=0; j<arrImgs.length ;j++){ tmp = new Image(); tmp.src = arrImgs[j]; arrImgs[j] = tmp; } function flt1(){ img1.style.filter=""; img1.style.filter="revealTrans(duration=1.500,transition=23)"; img1.filters[0].Apply(); img1.src=arrImgs[getGazou()].src; img1.filters[0].Play(); } function getGazou(){ var i= Math.floor(Math.random()*arrImgs.length); if ( i==i_index ) { if (i_index==arrImgs.length-1) { i=0; } else { i++; } } i_index=i; return i } //--> </script> </head> <body text="#000000"> <center> <img id="img1" src="絵０.jpg"> </center> <form name="fm"> <table align="center" border=1 bgcolor="#FFFFCC"> <tr> <td colspan=2 align="right"> <input type="button" value="絵のランダム切り替え（フィルタ付）" onClick="flt1()"> </td> </tr> </table> </form> </body> </html> 上記の内容で、各画像ごとにそれぞれ別のホームページURLへリンクさせたいのですが、どのようにすれば良いか分かりません。 下の方にある <img id="img1" src="絵０.jpg"> の前に<a href=" ">を加えるとどの画像にもこのURLしかリンクされません。当然ですが… http://okwave.jp/qa/q3786377.html で回答されている方の内容にリンクを加える形になります。 色々と検索して探していますが、これらが組み合わさったソースが見当たらず解決できず先に進めません。 どうかご回答よろしくお願いいたします。
- ベストアンサー
- JavaScript
- 曜日毎に（画像＋リンク）を変えたい
java練習中の物です。曜日毎に画像とリンクを合わせて変えていきたいのですが画像がうまく表示されません。どなたかわかるかたお願いします。 <script type="text/javascript"> <!-- var jmp = new Array(); var myimg = new Array(); jmp[0] = "http://www.yahoo.co.jp/"; jmp[1] = "http://dailynews.yahoo.co.jp/fc/local/kirishima_volcano/?1296624971"; jmp[2] = "http://okwave.jp/qa/q5601548.html"; jmp[3] = "http://www.bb-roller.net/king/reason.php?bd=mf_011"; jmp[4] = "http://javascript.eweb-design.com/0804_ri.html"; jmp[5] = "http://www.yahoo.co.jp/"; jmp[6] = "http://www.livedoor.com/"; myimg[0] = '<img src="img/1.jpg" alt="日曜日">'; myimg[1] = '<img src="img/2.jpg" alt="月曜日">'; myimg[2] = '<img src="img/3.jpg" alt="火曜日">'; myimg[3] = '<img src="img/4.jpg" alt="水曜日">'; myimg[4] = '<img src="img/5.jpg" alt="木曜日">'; myimg[5] = '<img src="img/6.jpg" alt="金曜日">'; myimg[6] = '<img src="img/7.jpg" alt="土曜日">'; var mynow = new Date(); var myweek = mynow.getDay(); document.write("<a href='"+jmp[myweek]+"'><img src="+myimg[myweek]+"></a>"); </script>
- 締切済み
- JavaScript
- 画像をフィルターを使って入れ替えたいです
再度恐れ入ります。画像を入れ替えるときに、フィルターを使いたいのです。トップページの画像１枚をもう一枚と入れ替えて、最初の一枚に戻って終わりたいのですが・・・。今のままだと２枚の画像の入れ替えが延々と繰り返すことになるので、それを１回で止めたいのです。本当に初心者な質問で申し訳ございませんが、教えていただけると助かります。どうぞよろしくお願いいたします。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- // 画像を一定間隔で入れ替える // img0.jpg,img1.jpgなどの数字が続いたファイルを複数用意します。 num = 2; // 入れ替える画像の枚数(最初の画像も含める) nme = "img/img" // 画像のディレクトリとファイル名の数字と拡張子より前の部分 exp = "jpg" // 拡張子 cnt = 0; function changeImage() { cnt++; cnt %= num; img.filters.revealTrans.Apply(); img.src = nme + cnt + "." + exp; img.filters.revealTrans.Play(); } //--> </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>
- ベストアンサー
- JavaScript
- jsでサムネイルを拡大表示 複数設置するには
自分なりにやってみているのですがどうにも解決できない状態に なってしまいましたので教えて頂けたらと思います。 サムネイル画像をクリックすると拡大画像が表示されるjsを作成し この仕組みを一つ設置するのは成功したのですが同じ仕組みを 同じページ内に複数設置するやり方が分かりません。 htmlは下記の様になっています。多少、省いております。 よろしくお願い致します。 <!-- myImg = new Array(0) myImg[0] = ["img/img-1.jpg",""] myImg[1] = ["img/img-2.jpg",""] myImg[2] = ["img/img-3.jpg",""] function chengeImg(i){ document.myPhoto.src = myImg[i][0]; } //--> <td> <img src="img/img-1.jpg"name="myPhoto" width="500" height="400" id="myPhoto" /></td> <td><img src="img/img-1.jpg" width="80" height="80"onmouseover="chengeImg(0)"/></td> <td><img src="img/img-2.jpg" width="80" height="80"onmouseover="chengeImg(1)"/></td> <td><img src="img/img-3.jpg" width="80" height="80"onmouseover="chengeImg(2)"/></td>
- 締切済み
- JavaScript
お礼
自己解決しました！ お騒がせいたしました。(>_<) この度は、どうもありがとうございました。
補足
どうもありがとうございました！ フラッシュで作れれば一番良いのかもしれないんですが、フラッシュのコンテンツはすでに出来上がったものを利用しなければならないので、タグやスクリプトで切り替えられたらと思っています。 教えていただいた方法で、切り替えるように作ることは出来たのですが、Webにアクセスするたびに勝手にランダムに切り替わるようにしなければならないので、ちょっと困っています。。。