A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
クロスフェードのように画像を切り替えたい場合は、切り替え前と後の画像を重ねておき、切り替え後の画像を透明にしておく必要があります。
切り替え後の画像を予めHTMLに入れておくか、スクリプトで生成するかはどちらでも構いません。
その状態で、animateで切り替え後を徐々に opacity: 1; にしていき、切り替え前を徐々に opacity: 0; にしていけばできます。
No.2
- 回答日時:
IE9以降および他のモダンブラウザ、スマホなどはCSS3のTransforms,Transitions,Animationsプロパティが使えます。
デュレーションが、動作のスタート、終了の速度を意味するのでしたら、transitionを使うことになるでしょう。
CSS Transitions( http://www.w3.org/TR/css3-transitions/ )
どのようなアニメーションをされたいのですか?
No.1
- 回答日時:
ご質問の意味をつかみきれていませんが…
>画像を徐々に変更させる
通常はアニメーションがまさにこれに当たると思いますが?
>animateメソッドでは数値をいじれるプロパティしか変更できない
>ので画像変更は無理ということで
スクリプトで変化させることができるのも、同様の範囲ですが、「画像変更」というのは何を意味しているのでしょうか?
画像そのものを入替えるという意味でしたら可能ですし、それを連続的に変化するように見せるのによく用いられている方法は、切替わる画像を重ねておいて、上にある画像を段々透明にしてゆく(フェードアウト)ことによって、徐々に画像そのものが変わったように見えるというものでしょう。
(クロスフェードという言い方もされているようです)
>その動作にさらにデュレーションを追加させるには
アニメーションの時間変化の繰返し間隔を変えたいという意味でしょうか?
setIntervalでは繰返し間隔は一定になってしまうので、その間隔を経過とともに変えたいのであればsetTimeoutで繰り返すような方式にすれば可能かと思います。
一方で、処理間隔はほぼ一定でも変化量を変えることによって同じような効果を与えることができますので、どちらかと言えば、このような方法が取られることのほうが多いと思います。
変化量を変えるような換算処理は「イージング」と言われており、検索すればいろいろと見つかると思いますし、jQueryのanimateなどではeasingとしてすでに取り入れられています。
flaxhの例ですがイージングの説明として
http://www.geocities.jp/flashiroha/motion/motion …
意味が違っていたら、スルーしてください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ブラウザの横幅に応じてとある画像(e.jpg)を画面いっぱいに表示できるようにしたいです。(写真の横 1 2022/10/06 21:17
- その他(プログラミング・Web制作) どういうプログラムで組みますか?google colabでやってるんですけど、出来る方お願いします。 1 2022/07/17 18:41
- その他(プログラミング・Web制作) どういうプログラムで組みますか?google colabでやってるんですけど、出来る方お願いします。 1 2022/07/06 09:28
- その他(プログラミング・Web制作) このプログラミングをどう組みますか? Googlecolabでやってるんですが、出来る方お願いします 1 2022/07/13 10:52
- Java java 次の機能を有するメソッドを自クラスに作成し、実装したいです。 機能 名前判定機能 →名前が 3 2022/06/16 16:08
- その他(プログラミング・Web制作) pythonのプログラムについての質問です。 1 2023/05/26 10:31
- Java java 飾子を付けること(public static・・・) ・コンソールへの出力処理はmainメ 2 2022/06/16 19:34
- C言語・C++・C# 3つの倍精度浮動小数点値の平均を求めて、3つの引数全てを平均値に変更するメソッドを作成し、キーボード 1 2022/07/13 16:04
- Visual Basic(VBA) 【VBA】Excelの特定範囲のセルを画像で保存したい 2 2023/01/25 13:06
- その他(プログラミング・Web制作) Pythonで複数のメソッドをまとめて管理する方法について 1 2023/03/30 00:01
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
エクセルVBAで、条件に一致する...
-
final修飾子を使っているのに、...
-
コマンドプロンプト実行後に画...
-
VBPをダブルクリックするとたま...
-
ExcelのxlDialogInsertPictureで。
-
javascriptからjavaを呼び出したい
-
DataGridViewでセルクリックイ...
-
java のプログラム
-
ExcelVBA Findメソッドで検索の...
-
エクセルVBAにおけるON TIMEメ...
-
staticメソッドの長所短所
-
リストボックスの項目削除
-
Javaのわからない問題がありま...
-
Refreshメソッドの使い方
-
javaの質問です 次の機能を有す...
-
オーバーロードの「あいまい」...
-
mainメソッドのthrows節で設定...
-
C#で右からnカラム目に文字を挿...
-
ディレクトリの階層構造をツリ...
-
VB.NET/256色でのBMPファイル保存
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
エクセルVBAで、条件に一致する...
-
エクセルVBAにおけるON TIMEメ...
-
【sendkeysメソッドが動かずに...
-
コマンドプロンプト実行後に画...
-
onClickで関数呼出し後に、結果...
-
DataGridViewでセルクリックイ...
-
Labelコントロールに数字を代入...
-
ExcelのxlDialogInsertPictureで。
-
final修飾子を使っているのに、...
-
JSPで<SELECT>の中にDBから持っ...
-
VBPをダブルクリックするとたま...
-
Excel VBA でExcelを終了したい...
-
Refreshメソッドの使い方
-
ウィンドウを最前面にできません
-
javascriptからjavaを呼び出したい
-
VB.netで、シリアル通信のタイ...
-
mainメソッドのthrows節で設定...
-
VBAでSaveAs使用し、指定してい...
-
PDFファイルから別ウィンドウで...
-
Application.Wait の参照設定
おすすめ情報