• 締切済み

JavaScriptが旨く動きません

下記のタグをHEAD～/HEADの間にいれたのですが旨く行きません よろしくお願いします <script language="JavaScript"> fad=0; function wipe(img){ fad++; fad%=5; img.filters.blendTrans.Apply(); img.src="t"+fad+".jpg"; img.filters.blendTrans.Play();} </script> BODY～/BODYの間へ入れています <img src="t0.jpg"style="filter:blendTrans(duration=3);width350px; height:350px;"onClick="wipe(this)">

  • d4333
  • お礼率44% (165/371)
  • Mac
  • 回答数1
  • ありがとう数0

みんなの回答

  • harawo
  • ベストアンサー率58% (3742/6450)
回答No.1

「filters」は、Windows OSのActiveXを直接コントロールするものではないでしょうか？MacintoshにはActiveXがありませんので、無効でしょう。

d4333
質問者

補足

有難うございます WINですか、MACに書き換え出来ないでしょうか

  1. カテゴリ
  2. パソコン・スマートフォン
  3. Mac

関連するQ&A

  • Javascript画像切り替えIEでしか動かない

    Javascriptで画像を切り替えています。 IEでは動くのですが他のブラウザだと動きません。 FirefoxやChromeは何か特殊なのでしょうか？ わかる人いたら教えてください。 <script type="text/javascript"> var imgs = new Array(); imgs[0] = "img/top2.jpg"; imgs[1] = "img/top3.jpg"; imgs[2] = "img/top1.jpg"; i = 0; function Blend(){ document.getElementById("imgframe").filters.blendTrans.apply(); document.all.item("imgframe").src = imgs[i++]; document.getElementById("imgframe").filters.blendTrans.play(); if(i>=imgs.length) i=0; } onload = function(){setInterval(Blend,3*1000)} </script> <img src="img/top1.jpg" width="940" height="350" id="imgframe" style="filter:blendTrans(duration=1);">

  • 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>

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

    Javaにて画像を残像が残りつつ数秒ごとに変化させ、 さらにリンクを画像ごとに変え、マウスを置いたときにそれぞれ画像ごとに説明文が出るようにしたいのですが・・・ 説明文はマウスをおいたら付箋みたいに出るあれです。 下記のようなのは見つけて残像するのですが、 リンクなどをどこに挿入していいのかわかりませんので教えてください。 Javaは初心者なのですが休み中に解決してこいと言われました。 宜しくお願いします。 <SCRIPT language="JavaScript"> <!-- var time=3; var rtime=5000; var image= new Array(); image[0]="img01.jpg"; image[1]="img02.jpg"; image[2]="img03.jpg"; var ii=0; function imgchange(){ imgframe.filters.blendTrans.Apply(); imgframe.filters.blendTrans.duration=time; imgframe.src=image[ii]; imgframe.filters.blendTrans.Play(); ii=ii+1; if (ii>2) ii=0; t=setTimeout('imgchange()',rtime); } //--> </SCRIPT> <BODY onLoad="imgchange()"> <DIV align="center"> <img src='img01.jpg' id="imgframe" style="filter:blendtrans" width="300" height="401" alt="トップバナー" /><br /> <br />

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

    タイトル通り、IEとFireFoxの両方で動作するJavaScriptコードの書き方が分かりません。 現在以下のようなコードで写真をクリックすると切り替わるようにしているのですが、FireFoxでは動いてくれません。。 <script language="JavaScript"> <!-- num = 0; function wipe(theIMG) { num++; num %= 5; theIMG.filters.revealTrans.Apply(); theIMG.src = num+".jpg"; theIMG.filters.revealTrans.Play(); } // --> </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でスライドショーを2箇所

    お世話になります。 http://bunjin.com/java/ こちらの「画像操作→スライドショーのように画像を表示する」を参考にして、 フェードインするスライドショーを2か所に表示させたいと考えています。 1か所なら上手くいくのですが、2か所目がエラーになってしまいます。 外部jsファイルに次のように記入し、 ------------------------------------------------------ // JavaScript Document var fade_speed = 10000; var fade_duration = 10; var image = new Array(); image[0] = '1.jpg';image[1] = '2.jpg';image[2] = '3.jpg'; var t; var j = 0; var p = image.length; var pre_load = new Array(); for (i = 0; i < p; i++) { pre_load[i] = new Image(); pre_load[i].src = image[i]; } function start_fade() { if (document.all) { document.images.photo2.style.filter="blendTrans(duration=fade_duration)"; document.images.photo2.filters.blendTrans.Apply(); } document.images.photo2.src = pre_load[j].src; if (document.all) { document.images.photo2.filters.blendTrans.Play(); } j = j + 1; if (j > (p - 1)) j = 0; t = setTimeout('start_fade()', fade_speed); } photo[0] = '4.jpg';photo[1] = '5.jpg';photo[2] = '6.jpg'; var t2; var j2 = 0; var p2 = photo.length; var pre_load = new Array(); for (i2 = 0; i2 < p2; i2++) { pre_load[i2] = new Image(); pre_load[i2].src = photo[i2]; } function start_fade2() { if (document.all) { document.images.photo3.style.filter="blendTrans(duration=fade_duration)"; document.images.photo3.filters.blendTrans.Apply(); } document.images.photo3.src = pre_load[j2].src; if (document.all) { document.images.photo3.filters.blendTrans.Play(); } j2 = j2 + 1; if (j2 > (p2 - 1)) j2 = 0; t2 = setTimeout('start_fade2()', 8000); } ------------------------------------------------------ htmlには <body id="top" onLoad="start_fade()"> <img src="1.jpg" name='photo2' /> <img src="4.jpg" name='photo3' /> のように記入しています。 後半の2か所目の指定がどこか足りない又は違うのではないかと思うのですが、 色々試してみても上手くいきません。 ご教授をお願いいたします。

  • 複数のjavascriptを貼り付けると、1つしか動きません。

    「5秒ごとに残像を残しながら自動で画像が変わるスクリプト」を以下の通り作成いたしました。 これが1つだったら起動するのですが、2つ以上貼り付けると最後に貼り付けたスクリプトしか起動しません。 画像、IDを変えるなどして試しているのですが、上手くいきません。 解決策がわかる方ご教授をお願いいたします。 <script type="text/javascript"> var nimgs = new Array(); nimgs[0] = "syasin/1/1/k1.jpg"; nimgs[1] = "syasin/1/1/k2.jpg"; nimgs[2] = "syasin/1/1/k3.jpg"; nimgs[3] = "syasin/1/1/k4.jpg"; nimgs[4] = "syasin/1/1/k5.jpg"; nimgs[5] = "syasin/1/1/k6.jpg"; nimgs[6] = "syasin/1/1/k7.jpg"; nimgs[7] = "syasin/1/1/k8.jpg"; nimgs[8] = "syasin/1/1/k9.jpg"; nimgs[9] = "syasin/1/1/k0.jpg"; i = 0; function Blend(imgframe){ document.getElementById("imgframe").filters.blendTrans.apply(); document.all.item("imgframe").src = nimgs[i++]; document.getElementById("imgframe").filters.blendTrans.play(); if(i>=nimgs.length) i=0; }; onload = function(imgframe){setInterval(Blend,5*1000)} </script> <IMG src="syasin/1/1/k0.jpg" id="imgframe" style="filter:blendTrans(duration=2);" width="218" height="218">

  • javascriptの突然のエラー

    初めまして。 私は素人ながらもお店で使っている ホームページを自分で更新しています。 いくつかのjavascriptを見よう見まねで 使っていたのですが、 突然1つのプログラムが作動しなくなってしまいました。 ブラウザの設定は特にいじってませんし、 javascriptがエラーで作動しなくなったページは 正常に作動していた時から 更新していません。 他のページを更新作業中に気づいたんですが、 どう考えても理由がわかりません。 詳しい方いらっしゃいましたら、 どうか教えていただけませんでしょうか？ よろしくお願いいたします。 使っているブラウザはグーグルクロームと ＩＥの7です。 ホームページビルダー11を使っています。 <SCRIPT language="JavaScript"> <!-- var time=3; var rtime=5000; var image= new Array(); image[0]='girlhtml/toppageno1.jpg'; image[1]='girlhtml/toppageno2.jpg'; image[2]='girlhtml/toppageno3.jpg'; var ii=0; function imgchange(){ imgframe.filters.blendTrans.Apply(); imgframe.filters.blendTrans.duration=time; imgframe.src=image[ii]; imgframe.filters.blendTrans.Play(); ii=ii+1; if (ii>2) ii=0; t=setTimeout('imgchange()',rtime); } //--> </SCRIPT> > 長くなりましたがよろしくお願いいたします。

  • 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>

  • Javaにて画像を変更させる動作が動かない

    他の質問サイトですが、「http://okwave.jp/qa/q4965584.html」に載っている方法で 質問者は、できたと解決済みになっているのですが、 そのまま利用しようとしても、動作しません。 こちらの記事2009年なので、もう古いのでしょうか？ jquaryよりも使い勝手が良さそうなので、出来れば下記コードを 修正し使えるのであれば、使いたいです。 宜しくお願いします。 <html> <head> <title>sample</title> </head> <SCRIPT language="JavaScript"> <!-- var time=3; var rtime=5000; var image= new Array(); var href= new Array(); var title= new Array(); image[0]="img01.jpg"; image[1]="img02.jpg"; image[2]="img03.jpg"; title[0]="トップバナー"; title[1]="2ndバナー"; title[2]="3rdバナー"; href[0]="http://www.google.co.jp"; href[1]="http://www.yahoo.co.jp"; href[2]="http://jp.msn.com/"; var ii=0; function imgchange(){ imgframe.filters.blendTrans.Apply(); imgframe.filters.blendTrans.duration=time; imgframe.src=image[ii]; imgframe.alt=title[ii]; imgframe.filters.blendTrans.Play(); anchar.href=href[ii]; anchar.title=title[ii]; ii=ii+1; if (ii>2) ii=0; t=setTimeout('imgchange()',rtime); } //--> </SCRIPT> <body onLoad="imgchange()"> <div align="center"> <a href="http://www.google.co.jp" id="anchar" title="トップバナー"> <img src="img01.jpg" id="imgframe" style="filter:blendtrans" width="300" height="401" alt="トップバナー" /> </a> </div> </body> </html>

    • ベストアンサー
    • Java
  • JavaScript自動画像切替にリンクの貼り方

    初めて質問させていただきます。宜しくお願いします。 現在、楽天ショップページを製作しております。JavaScriptでゆっくりと画像を切り替える以下のソースをネットで調べました。さらに実用的にするため、各画像にそれぞれ異なるリンクを貼りたいのですが、どのように追記すれば良いのでしょうか？ 色々試したのですが全く解決せず困っています。宜しくお願いいたします。 [以下ソース] <script type="text/javascript"> var imgs = new Array(); imgs[0] = "画像URL1"; imgs[1] = "画像URL2"; imgs[2] = "画像URL3"; i = 0; function Blend(){ document.getElementById("imgframe").filters.blendTrans.apply(); document.all.item("imgframe").src = imgs[i++]; document.getElementById("imgframe").filters.blendTrans.play(); if(i>=imgs.length) i=0; } onload = function(){setInterval(Blend,5*1000)} </script> <img src="画像URL１" style="filter:blendTrans(duration=2);">

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する