- ベストアンサー
アニメーションGIFとJavaScript
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
こんばんは。 アニメーションGIFはただの動く画像ですから、 それ自体にマウスを検知する機能はありません。 JavaScriptは検知できますが、画像ではありません。 両者の組み合わせで初めて可能になります。 JScriptで、マウスがロールオーバーしたら画像を入れ替えるようにすれば、 静止画像とアニメーションが入れ替わって、そのような表現になります。 それ以外では、Flashを使用する方法もありますね。 これなら単体で実現できますし、複雑な表現も滑らかに見せることが出来ます。
関連するQ&A
- GIFとアニメーションGIF
GIFとアニメーションGIFのファイルの 見分け方がわかりません。。 ファイルのプロパティでも、ファイル形式は「GIF」 としか出ませんよね。。 今パワーポイントの練習をしているところで 上記のようなものが出てきたのですが アニメーションGIFとは、動画なんでしょうか？？ 是非、回答願います。
- 締切済み
- 画像・動画・音楽編集
- gifアニメーション背景 javascript
element.style.backgroundでアニメーション付きのgifを表示したのですが、表示はしますがアニメーションしてくれません。 cssでの背景設定ではアニメーションしてくれたので、何か違うのでしょうか？
- ベストアンサー
- JavaScript
- gifがアニメーションしない
XPでIE6を使用しています． いろいろなページに載っているアニメーションGIFが全然動きません(その動かない画像がアニメーションGIFであることは確認しています)．アニメーションGIFを表示しようとすると，(恐らくアニメーションの最初の画像だとは思うのですが)静止して表示されます． 何か設定があるのでしょうか?
- ベストアンサー
- その他（インターネット・Webサービス）
- アニメーションGIFとは？
アニメーションGIFとは？ 最近アニメーションGIFの存在を知りました。 そこでアニメーションGIFについて教えて下さい。 アニメーションGIFとは、ソフト名ですか？ もしソフト名ならどこのお店で売っているのですか？ それともペイントツールSAIみたいにネット内で販売しているのですか？ もしくは無料でインストールできるのですか？ 無料でインストールできるなら出来るサイトを教えて下さい。 使い方が載っているページも出来たらお願いします<(´・д・｀)ノ
- ベストアンサー
- その他（インターネット・Webサービス）
- GIFアニメーションの作り方
動画アイコンなどに使われるGIFアニメーションの作り方について簡単に解説していただけるとありがたいのですが。 何か特別なソフトが必要なのでしょうか。それとも標準装備のソフトでも可能なのでしょうか。私のパソコン(ＦＭＶ－ＭVIII305)についているのはphoto editer、ペイント、イメージングなどです。
- ベストアンサー
- その他（インターネット・Webサービス）
- gifアニメーションを作りたいのですが・・・
GIFアニメーションを作りたいと思って フリーソフトをダウンロードしてみたのですが それにはGIF形式の元になる画像が必要なんですが ウィンドウズのマイピクチャなんかでGIF形式に保存しなおすと 画像が汚くなりますよね・・・ 減色させて保存すればいいのでしょうか？ でも こういうことは初めてなので 何をどうしたら良いのか全然わかりません 超初心者の私に何方か教えていただけませんか？ 回答待っていますｍ（__）ｍ
- ベストアンサー
- グラフィックソフト
- 重い処理中のアニメーションgifについて
お世話になります。 javascript で重い処理中のプログレス(アニメーションgif)表示について教えてください。 やりたいことは以下です。 ==================================== 1.重い処理の前にプログレス(アニメーションgif)表示 2.重い処理開始 3.プログレス(アニメーションgif)非表示 [sample.html] <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> $(function() { $('#btn').click(function() { progressStart(); // プログレス(アニメーションgif)表示 func1(); // 重い処理開始 progressEnd(); // プログレス(アニメーションgif)非表示 }); }); /** * プログレス(アニメーションgif)表示 */ function progressStart() { $('#prog').show(); } /** * プログレス(アニメーションgif)非表示 */ function progressEnd() { $('#prog').hide(); } /** * 重い処理(とりあえず5秒) */ function func1() { var T = 5; //T秒待つ var d1 = new Date().getTime(); var d2 = new Date().getTime(); while( d2 < d1+1000*T ){ d2=new Date().getTime(); } return; } </script> </head> <body> <form> <input type="button" id="btn" value="開始" /> <div id="result"></div> <img id="prog" src="img/loadinfo.gif" alt="" style="display:none;" /> </form> </body> </html> ==================================== 上記コードで試したのですが、 重い処理中はプログレス(アニメーションgif)が動かず固まったままです。。。 重い処理中もプログレス(アニメーションgif)を 動いたままにすることは可能なのでしょうか？ どなたかご教授いただければと思います。よろしくお願いいたします。
- ベストアンサー
- JavaScript
- アニメーションｇｉｆの動きが止まる
アニメーションｇｉｆを貼り付けているページで、javascriptを使って画像をクリックすると 小さい別の画面が出るようにしたのですが、クリックした時からアニメーションｇｉｆの 動きが止まります。出た小さい画面を閉じても動きが止まったままです。 プラウザの更新ボタンをクリックするとまた動きだします。 回避策があるのか、仕様上どうしようも無い事なのか、 どなたかアドバイス頂けないでしょうか？（TARGET="_blank"だと大丈夫なのですが） ［ＰＣ環境］ＷｉｎＸＰ（ＳＰ２）、ＩＥ６
- 締切済み
- Windows XP
- ＧＩＦアニメーションをJPEGアニメーションにしたい
ＧＩＦアニメーションをJPEGアニメーションにしたい場合はどのようにすればいいでしょうか？ブログなどプロフィールなどにアニメーションを使用したいのですが、JPEG対応で・・・載せたいのがＧＩＦアニメーションなので載せられません。ベクターで変換ソフトを探しましたが、分かりませんでした。。
- 締切済み
- その他（インターネット・Webサービス）
- gifアニメーションについて
パソコン用のgifアニメーションを作りたいのですが、なかなかよいフリーソフトが見つかりません。。。 何か良いソフトはないでしょうか？ ちなみに、作るときにパレットみたいなのが現れて、 そこに絵を描いてそのソフトでgifアニメーションに変換するような感じのフリーソフトがいいなあと思って居ます。 どうか教えてください。
- 締切済み
- フリーウェア・フリーソフト
お礼
問題が解決しました。どうもありがとうございました。