Javascriptを使用してクロスフェードの方法でpng画像を別のpng画像の上にドラッグアンドドロップしようとしています。少し調べてみたところ、似たような状況にしか遭遇しませんでしたが、ほとんどが自動で(手動でドラッグアンドドロップできませんでした)、クロスフェードではなくフェードしていました。私はただ疑問に思っています、この状況にアプローチしてこの機能を開発しようとする最良の方法について誰かが何かアイデアを持っていますか?
ありがとう
Javascriptを使用してクロスフェードの方法でpng画像を別のpng画像の上にドラッグアンドドロップしようとしています。少し調べてみたところ、似たような状況にしか遭遇しませんでしたが、ほとんどが自動で(手動でドラッグアンドドロップできませんでした)、クロスフェードではなくフェードしていました。私はただ疑問に思っています、この状況にアプローチしてこの機能を開発しようとする最良の方法について誰かが何かアイデアを持っていますか?
ありがとう
ドラッグ可能なJqueryuiを使用できます
そのために。
jqueryエフェクトも一緒に 使用できます
または効果については、このプラグインはJqueryサイクルに役立つ可能性があります
またはこのクロスフェード画像を確認してください
クロスフェードに関しては、絶対に(position:absolute;
)に配置され、同じ領域を占める2つのdiv要素を使用することでこれを実現します。1つはopacity:0;
、もう1つはopacity:1;
。次に行う必要があるのは、一方をフェードアウトし、もう一方をフェードインするトグル機能を使用することだけです。