• 締切済み

モバイルサイトでリンク画像をロールオーバー処理したいのですが・・・

モバイルサイトでリンク画像をロールオーバー処理したいのですが・・・ 慣れないモバイルサイトを仕事で制作しています。 リンク画像をオールオーバー処理したいのですが、 javaによるonMouseOverの方法しか知りません。 モバイルでjavaが利用できないことは知っているのですが、 ロールオーバーのようなリンクを作っているサイトはいくつも見たことあります。 javaが使用できないのなら、Flashでのアクションスクリプトかとも思ったのですが、 単純にボタンシンボルを作成してswfの拡張子で書き出して <object data="ファイル名.swf" type="application/x-shockwave-flash"> <param name="src" value="ファイル名.swf"> <param name="loop" value="true"></object> 的なタグ埋め込んだ場合ではダメでした。 （サーバーにアップする前にブラウザでチェックした場合は画像を読み込めず、 サーバーにアップした場合は何らかのプログラムにひっかかったのか、ページを開くことさえできませんでした。） モバイルでロールオーバーする方法をお教えいただけないでしょうか？ ・別にFlashを使いたいわけではありません。単にオンマウスで画像を変更したいのです。簡単な方法があればそれが最適です。 ・画像をオンマウスで変更する必要があるので、cssで背景色を変える方法は無しです。 何卒よろしくお願いいたします。

みんなの回答

回答No.1

＞cssで背景色を変える方法は無しです。 css が使えるのなら、『背景画像』を変えれば済むのでは？ あと細かい事だけど JAVA と javascript は名前が似ているだけで全く違うものです

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • FLASH画像からのリンクが飛ばない

    以下のようなHTMLファイルで、img画像をクリックするとリンク先へ飛びます。 しかしFLASH画像をクリックしても何も起きません。 このファイルではリンクの方法としてJavaScriptを用いていますが、aタグを用いて 　<a href="リンク先"> 　　<div> 　　　FLASHファイルのコード 　　</div> 　</a> のようにしても同じです。 FLASHファイルを作成する段階で、リンクをコーディングすれば良いのでしょうが、このHTML文は将来的にCGIのテンプレートとして使用し、リンク先はその時で変わるので、リンクのコーディングはFLASHファイルの外に出したいのですが・・・ 良い方法はないでしょうか。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <script type="text/javascript" src="Scripts/java.js"></script> </head> <body> <div onclick="javascript:OpenWin('answer.html')"> <img src="dot_999999.gif" width="100" height="100" /> </div><!-- end of "ichiran_body" --> <div onclick="javascript:OpenWin('answer.html')"> <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100" height="100" > <param name="movie" value="dot_999999.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="6.0.65.0" /> <!-- このパラメータタグにより、Flash Player 6.0 または 6.5 以降を使用して、Flash Player の最新バージョンをダウンロードするようメッセージが表示されます。ユーザにメッセージを表示させないようにする場合はパラメータタグを削除します。 --> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- 次のオブジェクトタグは IE 以外のブラウザで使用するためのものです。IE では IECC を使用して非表示にします。 --> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="dot_999999.swf" width="100" height="100"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="6.0.65.0" /> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- ブラウザには、Flash Player 6.0 以前のバージョンを使用して次の代替コンテンツが表示されます。 --> <div> <h4>このページのコンテンツには、Adobe Flash Player の最新バージョンが必要です。</h4> <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Adobe Flash Player を取得" width="112" height="33" /></a></p> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </div> <script type="text/javascript"> <!-- swfobject.registerObject("FlashID"); //--> </script> </body> </html>

    • ベストアンサー
    • Flash
  • リンクをけしたい。

    フラッシュで動く画像を作りそれをSWFでウェッブサイトにはりました。全てうまくいったのですが、始めにそのページを開いてSWFの上にマウスを置くと、SWFの周りに点線がついて、他のリンクに行くような状態（マウスポインターが矢印から指にかわる）になってしまいます。ｓｗｆファイルをクリックすると、普通に戻ります。貼り付けたコードは以下です。 <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="450" HEIGHT="400" ALIGN=""> <PARAM NAME=movie VALUE="img/indeximg.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF><param name="SCALE" value="noborder"> <EMBED src="img/indeximg.swf" WIDTH="450" HEIGHT="400" ALIGN="" quality=high bgcolor=#FFFFFF TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" scale="noborder"></EMBED> </OBJECT＞分かりましたら回答お願いします。

    • ベストアンサー
    • Flash
  • ランダムに表示されるバナーにリンクを

    ネット上で簡単にフラッシュバナーを作れるサービスを 利用してフラッシュをいくつか作りました。 これをトップページでリロードでランダムに表示させたいのですが、 現在のところ他の質問者の回答を参考に、 <script language="JavaScript"> <!-- swfFiles = new Array("○○.swf","△△.swf","□□.swf"); document.write('<embed src="' + swfFiles[Math.floor(Math.random()*3)] + '" quality="high" bgcolor="#000000" width="180" height="150">'); //--> </script> で、うまく表示されました。しかし、この状態では リンクの貼り方がわかりません。 ※簡易サービスなのでflaファイルはなく、geturlを 　書き込めない <object type='application/x-shockwave-flash' data='○○.swf' width='180' height='150'><param name='flashvars' value='clickTag=http://www.○○.html&clickTarget=_self' /> <param name='allowScriptAccess' value='always' /><param name='movie' value='○○.swf' /><param name='bgcolor' value='#ffffff'></object> ではうまく貼れましたが、ランダム表記ができず、 ひとつのバナーしか表示できません。 どうかお知恵をお貸しください。よろしくお願いします。

  • フラッシュをランダム表記+個別リンク設定

    フラッシュ製作環境がないので、アクションスクリプトで リンク設定のできないswfがいくつかあり、これを個別に リンク設定させ、リロードごとにランダムに表示したいです。 リンク設定をしなければ、 <SCRIPT LANGUAGE="JavaScript"> <!-- simg=new Array(3); simg[0]="○○"; simg[1]="△△"; simg[2]="□□"; Myimg=Math.floor(3*Math.random()); document.write("<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.c... width='180' height='150'><param name='allowScriptAccess' value='sameDomain' /><param name='movie' value='"+simg[Myimg]+".swf' /><param name='quality' value='high' /><param name='bgcolor' value='#ffffff' /><param name='LOOP' value='false'><embed src='"+simg[Myimg]+".swf' quality='high' bgcolor='#ffffff' width='180' height='150' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' loop='false' /></embed></object>"); //--> </SCRIPT> で、うまくランダムに表示されました。 しかし、これに各ファイルにリンクを設定したいのです。 ランダムにせずに1つだけのバナーなら <object type='application/x-shockwave-flash' data='○○.swf' width='180' height='150'><param name='flashvars' value='clickTag=http://○○.html&clickTarget=_self' /><param name='allowScriptAccess' value='always' /><param name='movie' value='○○.swf' /><param name='bgcolor' value='#ffffff'></object> でリンクは貼れたのですが、 ランダム表示の記述に組み合わせるすべがわかりません。 なにとぞよろしくお願いします。

  • FLASHの代替え画像を表示させるには・・・？

    FLASHで見ることが出来るPCサイトをiPadやiPhoneでみると、空白で表示されるので、代替えのjpg画像を表示させたいのですが、方法が分かりません。 こちらのサイトにある方法も試しましたが、どの方法（<noebed></noebed>）でも表示されませんでした。 コードは自分で書いていないので、詳しい内容が不明ですが、具体的に追加・変更するコードを教えていただけないでしょうか。 FLASHデータは"p_change.swf"、代替え画像名は020.jpgになります。 必要な情報があればお答えしますので、よろしくお願い致します。 実際のコードになります。 <div id="topImageBox"> <div id="topFlash"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="940" height="335" id="topflash1" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="p_change.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="p_change.swf" quality="high" bgcolor="#ffffff" width="940" height="335" name="p_change" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> </div> 以下も試しましたがだめでした。私の記述の仕方が悪いのかもしれません。 <object data="Flashデータ名" type="application/x-shockwave-flash" style="width:サイズ; height:サイズ;"> <param name="movie" value="Flashデータ名"> <img src="kanban.jpg" width="サイズ" height="サイズ"> </object>

    • ベストアンサー
    • HTML
  • 埋め込みswfのサムネイル画像表示方法

    JavaScriptの知識は殆どないのですが、実現するにはJavaScriptが必要そうだという憶測で質問させていただきます。 サイト上にflv動画を置いているのですが、これにサムネイル画像をつけたいのです。 画像は切り出して作成済みです。 ちなみに、現在は下記のコードを使用しています。 動画ファイルはの場所は、相対パスですと　./video/test.flv サムネイル画像も同じ場所に用意しました。 ./video/test.jpg <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="320" height="240"> <param name="movie" value="FLVPlayer_Progressive.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="scale" value="noscale" /> <param name="salign" value="lt" /> <param name="FlashVars" value="&amp;MM_ComponentVersion=1&amp;skinName=Clear_Skin_3&amp;streamName=video/test&amp;autoPlay=false&amp;autoRewind=true" /> <param name="swfversion" value="8,0,0,0" /> <!-- このパラメータタグにより、Flash Player 6.0 または 6.5 以降を使用して、Flash Player の最新バージョンをダウンロードするようメッセージが表示されます。ユーザにメッセージを表示させないようにする場合はパラメータタグを削除します。 --> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- 次のオブジェクトタグは IE 以外のブラウザで使用するためのものです。IE では IECC を使用して非表示にします。 --> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="FLVPlayer_Progressive.swf" width="320" height="240"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="scale" value="noscale" /> <param name="salign" value="lt" /> <param name="FlashVars" value="&amp;MM_ComponentVersion=1&amp;skinName=Clear_Skin_3&amp;streamName=video/test&amp;autoPlay=false&amp;autoRewind=true" /> <param name="swfversion" value="8,0,0,0" /> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- ブラウザには、Flash Player 6.0 以前のバージョンを使用して次の代替コンテンツが表示されます。 --> <div> <h4>このページのコンテンツには、Adobe Flash Player の最新バージョンが必要です。</h4> <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Adobe Flash Player を取得" /></a></p> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object> どなたかご教授いただけないでしょうか？ よろしくお願いいたします。

  • fire foxで画像が崩れます！

    ＩＥ　でフラッシュをアップすると、きれいに表示できたのですが、 firefoxで表示すると、巨大になっていて、ぶざまになっていました。 どなたか詳しい方、ご指導お願いします。 下記のタグでおかしいところを、教えていただけますか？ 　<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,47,0" width="496" height="258"> <PARAM name="MOVIE" value="a11/a11.swf"> <PARAM name="PLAY" value="true"> <PARAM name="LOOP" value="true"> <PARAM name="QUALITY" value="high"> <PARAM name="WMODE" value="transparent"> <EMBED src="a11/a11.swf" width="1895" height="791" wmode="transparent" type="application/x-shockwave-flash"></OBJECT>

  • サイト内でフラッシュを再生しています。

    サイト内でフラッシュを再生しています。 よくあるサイトで、ページ上部に音声のオンオフボタンを見かけますが、 あれは、どうやったら実現できますか？ ■　あくまでも、フラッシュ上ではなく、ぱんクズ部分とか違う場所でのボタンでのオンオフです。■ 実際のタグ等で説明お願いできませんでしょうか！ ソースはこんな感じです。 <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="204" height="225" align="middle" border="1" style=" margin-bottom: -225px;"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="swf/01.swf" /> <param name="quality" value="autolow" /> <embed src="swf/01.swf" quality="autolow" width="204" height="225" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> よろしくお願いします。

    • ベストアンサー
    • Flash
  • Flash画像の枠を消したいです。

    ホームページにswfファイルを設置しましたが、onmouse で枠が出てしまいます。 <OBJECT CLASSID="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000"> <PARAM NAME="MOVIE" VALUE="******.swf"> <PARAM NAME="wmode" VALUE="transparent"> <EMBED src="*****.swf" wmode="transparent"></EMBED> </OBJECT> と言う記述をしていますが、どの様に変えれば onmouse で枠を出さなく出来ますか？ よろしくお願い致します。m(__)m

  • Flashでケータイサイトを作成したいです

    ボタン機能があるswfファイルをhtmlに貼付け、携帯で操作したいのですが、キー機能が効かずに困っています。どうしたら良いのでしょうか？ html側にはDocomoのサイトにあった、 <object declare id="[objectタグのid]" data="[URL]" type="application/x-shockwave-flash" > <param name="bgcolor" value="[ColorName/ColorCode]"> <param name="loop" value="on/off"> <param name="quality" value="high/medium/low"> </object> <a iswf="#[objectタグのid]" href="[URL]">{表示文字列}</a> を変更しながら書きました。 ここにアクセスすると画面に 表示文字列 のテキストリンクが表示され、ここからswfに飛ばされます。 理想はhtmlにアクセスするとflash部分が表示され、ボタンも使える。 という感じです。 よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する