• 締切済み

スワップイメージ画像入れ替え方法WIN/MACの動作違い

はじめましてこんばんわ。ホームページ製作初心者のものです。只今、ホームページを作成しており、javaのスワップイメージを記述したのですが、WINでは正常にイメージが切り替わるのですがMACで確認すると動作しておりません。すでにアップロードしてしまったのですが、、 以下の記述です。 <script language="JavaScript"> <!-- // タイマー変数の初期化 timer = ""; // スワップイメージ function SwapImage(img) { obj = document.getElementById("image"); obj.src = img; clearTimeout(timer); timer=setTimeout('DefaultImage()',5000); } // イメージ画像の初期化 function DefaultImage() { obj = document.getElementById("image"); obj.src = 'img'; clearTimeout(timer); } //--> </script> ------------------------------------------------------ 呼び出し方法です。↓ <td align="left" valign="top"><img src="○○○" onmouseover="SwapImage('○○○')" border="0"></td> ------------------------------------------------------ 某JAVA育成サイトにてコピペで記述したのですが、なぜMACでは 動作しないのでしょうか? どなたかご存知の方、宜しくお願い申し上げます。

みんなの回答

noname#39970
noname#39970
回答No.1

javaとjavascriptは全く別の物。 あとOSじゃなくてブラウザを書いて。 OSが違っても同じブラウザが有るからOSだけ書かれてても判らない

peeweestar
質問者

お礼

迅速な回答アドバイス感謝いたします^^有り難うございます!

peeweestar
質問者

補足

ホームページ作成初心者のもので説明内容が足らなくて質礼いたしました。MACはOSXでSAFARIで確認しました。 宜しくお願いいたします。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • マウスオーバーで画像の入れ替え

    以下のソースでマウスオーバー時に画像の入れ替えをしたいのですが、IE6では動作するのですが、firefoxでは動作しません。 firefoxでも動くようにするにはどうしたらいいですか? アドバイスよろしくお願いいたします。 <html> <head> <script language="JavaScript"> <!-- // タイマー変数の初期化 timer = ""; // スワップイメージ function SwapImage(img) { obj = document.getElementById("image"); obj.src = img; clearTimeout(timer); timer=setTimeout('DefaultImage()',5000); } // イメージ画像の初期化 function DefaultImage() { obj = document.getElementById("image"); obj.src = 'img/default.gif'; clearTimeout(timer); } //--> </script> </head> <body> <div class="btn"><a href="#"><img src="img/sample1.jpg" onmouseover="SwapImage('img/test01.jpg')" width="100" height="50" border="0" /></a></div> <div class="btn"><a href="#"><img src="img/sample2.jpg" onmouseover="SwapImage('img/test02.jpg')" width="100" height="50" border="0" /></a></div> <div class="btn"><a href="#"><img src="img/sample3.jpg" onmouseover="SwapImage('img/test03.jpg')" width="100" height="50" border="0" /></a></div> <div id="photo"><img src="img/default.gif" name="image" width="300px" height="150px"></div> </body> </html>

  • 同一ページ内にスワップイメージを複数セット設置したい

    はじめまして。 カラーミーというショップシステムを使ってネットショップを作っています。 その中で作品ごとに色々な角度で見れるようなギャラリーページのようなものを作っています。 下のサイトと同様な動きです。 http://shailoh.co.jp/pg.html 単一のスワップイメージはできたのですが 同一ページ内に同様の処理を行うスクリプトを複数セット配置する方法がわかりません。 あまり詳しくないので単純にIDを振り分ければいいのかと思っていたのですが 処理がかぶっているせいか動きませんでした。 どなたかお分かりになる方がいたら教えていただきたいです。 ---HTML記述----------------------------------------------------------------- <img src="imgs/01/01.gif" width="480" height="320" id="image"/> <BR><BR> <img src="imgs/01/01_s.gif" width="50" height="50" onmouseover="SwapImage('imgs/01/01.gif');"/> <img src="imgs/01/02_s.gif" width="50" height="50" onmouseover="SwapImage('imgs/01/02.gif');"/> <img src="imgs/01/03_s.gif" width="50" height="50" onmouseover="SwapImage('imgs/01/03.gif');"/> <img src="imgs/01/04_s.gif" width="50" height="50" onmouseover="SwapImage('imgs/01/04.gif');"/> ---Javascript記述----------------------------------------------------------------- // スワップイメージ function SwapImage(img) { obj = document.getElementById("image"); obj.src = img; } // イメージ画像の初期化 function DefaultImage() { obj = document.getElementById("image"); obj.src = '../imgs/01/01.gif'; clearTimeout(timer); } --------------------------------------------------------------------------------- 上記のHTML記述部分を1セットとして複数同じようなものを作りたいのです。 処理は全て同じで、サムネごとにスワップ先を変えることはできないのでしょうか。 カラーミーの仕組み上、フリーで使えるページ数を抑えなくてはいけないので 作品ごとにページを振り分けることができず困っています。 色々調べたのですが分かりませんでした。 どなたかお分かりになる方がいたらアドバイスをお願いいたします。

  • スワップイメージのフェード方法を教えてください

    はじめまして。 スワップイメージを、あるサイトを参考に作ってみました。 それにフェードイン/フェードアウトを追加したいのですが、いろいろと試してみましたができません。 JavaScriptは全く分からず、困っています。 お助けください。お願いします。 ちなみに以下がスワップイメージのソースです。 image画面に表示する際、フェードイン/アウトを追加してもらえると助かります。 <HEAD>  <script language="JavaScript">  <!--  Img = new Array()  Img[0]="img/image1.jpg"  Img[1]="img/image2.jpg"  Img[2]="img/image3.jpg"  AImgs = new Array()  for (i=0 ; i<Img.length ; i++){    AImgs[i] = new Image()   AImgs[i].src = Img[i]  }  function Swap(a,b){   a=a.name   document.images[a].src = Img[b]  }  //-->  </script> </HEAD> <BODY>  <TABLE>   <TR>    <TD><IMG src="img/image1.jpg" name="image"></TD>   </TR>   <TR>     <TD><A href="#" onmouseover="Swap(image,1)" onmouseout="Swap(image,0)"><img src="img/image2.jpg"></A></TD>    <TD><A href="#" onmouseover="Swap(image,2)" onmouseout="Swap(image,0)"><img src="img/image3.jpg" ></A></TD>   </TR>  </TABLE> </BODY>

  • スワップイメージとウィンドウオープンのエラー

    javaスクリプト初心者です。 スワップイメージのあるページで、 新しいウィンドウをjavaスクリプトでオープンした後に、スワップイメージのエラーで表示されません。 ローカルではこの現象は起きないのですが、サーバーへアップするとこの現象が見られます。 なぜだか全然分かりません。 ソースは以下の通りです。 function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } ・・・ *****スワップイメージ********** <a href="javascript:;" onMouseUp="MM_swapImage('img','','img/***.jpg',1)"><img src="img/---.jpg" alt="●●" name="img01" width="100" height="150" border="0"></a> *****ウィンドウオープン(複数あります)***** <a href="#" onClick="MM_openBrWindow('../abc.html','ABC','menubar=yes,scrollbars=yes,width=596,height=700')">ABCへのリンク</a> <a href="#" onClick="MM_openBrWindow('../def.html','DEF','menubar=yes,scrollbars=yes,width=596,height=700')">DEFへのリンク</a> DW2004MXのビヘイビアパネルから制作しました。 私の書き方が悪いのでしょうか? よろしくお願いいたします。

  • リモートロールオーバーさせた先の画像の方にリンクをはりたい

    こちらの掲示板やサンプルソースを拝見しながら、 onmouseによるリモートロールオーバーまでは何とか出来ましたが、 そのロールオーバー先(後で表示される画像の方//下記ソースでは"B.gif")をonclickで、 他のページへリンク(新しいウィンドウで)させたいと思っています。 少しでも似たようなケースを見つける度に試行錯誤してみましたが、 どうしても出来ませんでしたので、どうか助けて下さいませ! どうぞ宜しくお願い致します。 *現在は頭が混乱してソースも滅茶苦茶になった為、リモートロールオーバー だけの記述に戻してしましたが、下記のように記述しております ============================================================= <script language="JavaScript"> <!-- // function SwapImage(img) { obj = document.getElementById("image"); obj.src = img; } //--> </script> -----以下[HTML本文]-------------------------------------- <img src="A.gif" alt="" border="0" onmouseover="SwapImage('B.gif)"> ==============================================================

  • スワップイメージでテキストがブラウザにより変わらない

    java初心者ですが、サイトを参考にマウスオーバーで画像を変更、テキストも変更できるようになったのですが、IE、operaでは、テキストが変わるのですが、firefox、googleでは変わらないことに気が付きました。見よう見まねで組み込みましたので、詳細な理解ができておりません。宜しくお願い致します。 +--------------------------------+ | | | 画像 | | | +--------------------------------+ | テキスト | <=左記(A・B・C)の画像を +----------+----------+----------+ mouseoverで上記の画像 | A | B | C |  とテキストが変わる +----------+----------+----------+ <head> <script type="text/javascript" src="../js/swap_gallery.js"></script> </head> <body> <table> <tr> <td><img src="A.jpg" name="pict" id="pict" /></td> </tr> <tr> <td id="pict_text">説明を表示します</td> </tr> <tr> <td> <table> <tr> <td><img src="A.jpg" name="btn" width="80" height="60" border="0" id="btn" onmouseover="chg_gallery('btn','','A.jpg','pict','','A.jpg',1,'説明A')" onmouseout="" /></td> <td><img src="B.jpg" name="btn" width="80" height="60" border="0" id="btn" onmouseover="chg_gallery('btn','','B.jpg','pict','','B.jpg',1,'説明B')" onmouseout="" /></td> <td><img src="C.jpg" alt="" name="btn" width="80" height="60" border="0" id="btn" onmouseover="chg_gallery('btn','','C.jpg','pict','','C.jpg',1,'説明C')" onmouseout="" /></td> </tr> </table> </td> </tr> </table> </body> function chg_gallery(a, b, c, d, e, f, g, cText){ swapImage(a,b,c,d,e,f,g); changeText(cText); } function swapImage() { var i,j=0,x,a=swapImage.arguments; document.sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=findObj(a[i]))!=null){ document.sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2]; } } function findObj(n, d) { var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p); } if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function changeText(cText) { if (document.all) { document.all["pict_text"].innerText = cText; } }

  • オンマウスで画像の入れ替え

    <script language="JavaScript" type="text/JavaScript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> <body onLoad="MM_preloadImages('./photo/<!--photo1-->','./photo/<!--photo2-->','./photo/<!--photo3-->','./photo/<!--photo4-->')"> <table width="0" border="0" cellspacing="0" cellpadding="3"> <tr> <td rowspan="2" align="center" valign="top"> <table width="0" border="0" cellspacing="0" cellpadding="3"> <tr> <td colspan="2"><img src="./photo/<!--photo1-->" width="240" height="320" name="big_photo"></td> </tr> <tr align="center"> <td><img src="./photo/<!--photo1-->" width="100" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('big_photo','','./photo/<!--photo1-->',1)"></td> <td><img src="./photo/<!--photo2-->" width="100" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('big_photo','','./photo/<!--photo2-->',1)"></td> </tr> <tr align="center"> <td><img src="./photo/<!--photo3-->" width="100" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('big_photo','','./photo/<!--photo3-->',1)"></td> <td><img src="./photo/<!--photo4-->" width="100" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('big_photo','','./photo/<!--photo4-->',1)"></td> </tr> </table> 以前、ホームページ作成会社に頼んで作成した、WEBサイトがありますが、今は廃業されて連絡がとれません。 スキン式の写真ギャラリーCGIなのですが、スキンファイルのソースが上記ソースで、 <td colspan="2"><img src="./photo/<!--photo1-->" width="240" height="320" name="big_photo"></td> の部分に大きな1枚の画像があり、小さな画像4枚の部分をオンマウスすると画像が入れ替わります。 この小さな画像4枚の部分は、元画像の小さなサムネイル画像が表示されますが、これをカスタマイズしたいのですが、ネットで 探した限りではいいサンプルが見当たりません。 カスタマイズ内容は他の画像4枚(NO1.gif、NO2.gif・・・)と用意して、そこの画像をオンマウスした場合にビック部分に画像を 表示させたいのですが・・・・ わかる方いらしゃいましたら、できれば教えてください。

  • スワップイメージ+リンクの変更

    まったくの素人ですが、お教えください。 以下のようなテーブルにそれぞれ画像とリンクをつけようとしています。 <table> <tr> <td rowspan="3"><a href="hoge.html"><img src="hoge.jpg"></a></td> <td><a href="a.html"><img src="a.jpg"></a></td> </tr> <tr><td><a href="b.html"><img src="b.jpg"></a></td></tr> <tr><td><a href="c.html"><img src="c.jpg"></a></td></tr> </table> a.jpg/b.jpg/c.jpg(以下、abc) がそれぞれメニューバーの項目で、 hoge.jpgを大きなメインの画面にしたいと思っています。 このとき、abcのいずれかをマウスオーバーするたびに、それぞれのイメージがhogeのエリアにスワップされ、かつそれぞれの項目のリンク(a.html/b.html/c.html)がhoge.htmlと置き換わるようなjavascriptを作りたいと考えています。 イメージのスワップだけならいくつも見つけることができたのですが、イメージとリンクが両方ともスワップされるようなものを、見つけることができませんでした。もしそのようなjavascriptがweb上にありましたら、お教えください。

  • スロットが変な動きをします

    JavaScriptで子供用にPCで遊べるようにスロットを作りました。 ここで疑問なのですが、最初にスタートとストップボタンを画像分だけ作りましたが、 スタートを同時にしてストップだけを個別にするためにスタートボタンを1個にしたら 変な動きになりました。 色々とやってみましたが以外に苦心しています。誰か宜しくお願いします。 スタートを3個にすれば簡単なことは十分わかってはいるのですが。 ________________________________________ <html><head><title></title> <script type="text/javascript"> var picture = new Array(3); picture[1] = new Image(); picture[2] = new Image(); picture[3] = new Image(); picture[1].src = "img/data1.jpg"; picture[2].src = "img/data2.jpg"; picture[3].src = "img/data3.jpg"; function autoChange() { function autoChange1(); function autoChange2(); function autoChange3(); } function autoChange1() { var kaiten1 = Math.round(9*Math.random()); document.initial1.src = picture[kaiten1].src; timer1 = setTimeout("autoChange1()", 100); } function autoChange2() var kaiten2 = Math.round(9*Math.random()); document.initial2.src = picture[kaiten2].src; timer2 = setTimeout("autoChange2()", 100); } function autoChange3() { var kaiten3 = Math.round(9*Math.random()); document.initial3.src = picture[kaiten3].src; timer3 = setTimeout("autoChange3()", 100); } function stop1(){ clearTimeout(timer1); } function stop2() { clearTimeout(timer2); } function stop3() { clearTimeout(timer3); } </script> </head> <form> <input type="button" value="START" onclick="autoChange()"> <img src="img/data1.jpg" name="initial1"> <img src="img/data1.jpg" name="initial2"> <img src="img/data1.jpg" name="initial3"> <br><br> <input type="button" value="STOP" onclick="stop1()"> <input type="button" value="STOP" onclick="stop2()"> <input type="button" value="STOP" onclick="stop3()"> </form> </body></html>

  • JavaScriptの画像入れ替えについて

    下記のようなものでサムネイルをクリックすると大きな画面に表示される、みたいなものを作っています。しかし職場のIE6でクリックすると表示されなく大きな画像が消えてしまいます。 ちなみに自宅のIE6で確認したときは大丈夫だったのですが、、、 またサムネイル画像のアンカー部分のjavasscript:void(0);を消すと表示されるようになるのですが、やはりここのvoid0には問題があるのでしょうか?? またサーバーにUPする前オンライン上ではなくPCで確認している時はちゃんと表示できていたました。 あまり詳しくないものでどなたかよろしくお願い致します。 <script type="text/javascript"> <!-- function imgch(url) { document.getElementById("image").src=url; } //--> </script> <style type="text/css"> img { border:none; } </style> </head> <body> <img src="image/2.jpg" width="500" height="500" id="image" /> <a href="javascript:void(0);"><img src="image/2.jpg" width="50" height="50" onClick="imgch(this.src)" ></a> <a href="javascript:void(0);"><img src="image/3.jpg" width="50" height="50" onClick="imgch(this.src)" ></a> <a href="javascript:void(0);"><img src="image/3.jpg" width="50" height="50" onClick="imgch(this.src)" ></a> </body>

このQ&Aのポイント
  • PX-M6011Fを利用していますが、PDF印刷がまったくできなくなりました。JPG変換すれば一応できますが、購入後3ヶ月ほどで、印刷枚数は100枚程度です。
  • 工場出荷状態へのリセットやファームウェアアップデートなど、さまざまな対処方法を試しましたが、問題は解決しませんでした。
  • EPSON社製品についての質問です。PX-M6011FのPDF印刷ができないという問題について、何か解決策を教えていただけないでしょうか?
回答を見る

専門家に質問してみよう