-1

ユーザーが選択できるフォームがあり、これらの選択に基づいてグラフが動的に生成され、画像として表示されます。

現時点では、jQueryダイアログに画像を表示することでこれを行っています。

ある画像が表示されていて、ユーザーが別の選択を送信したときに、中間の不要な背景ビューを表示せずに、最初の画像が 2 番目の画像に直接変化するように (理想的には jQuery を使用して) 何かをまとめることができますか?

4

2 に答える 2

0

ダイアログ内で 2 つの画像を重ねて配置し (位置を絶対位置に設定し、z-index を使用)、2 番目の画像が読み込まれたら、アルファを一方から他方にアニメートすることができます。これはうまくいくはずです。

于 2013-01-04T10:25:17.940 に答える
0

jQueryメソッドのfadeInとfadeOutがクロスフェードすることを指摘してくれてありがとう。jQuery サイクル プラグインは、次のコードで 2 つの画像をモーフィングします。ただし、あなたのソリューションはjQueryメソッドを直接使用しているため、この点であなたのソリューションはより魅力的かもしれません.

<html>
<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script src="jquery.cycle.all.js"></script>
</head>
<body>
<script type="text/javascript">
$(function() {
    $('#crossfade').cycle();
});
</script>
<div id="crossfade">
    <img src="1.jpg" />
    <img src="2.jpg" />
</div>
</body>
</html>

私のグラフアプリケーションの最終的には、新しい画像にフェードインする前にビジーメッセージを表示するソリューションを使用しました。これは主に、jpgraph ライブラリを使用して画像を動的に生成していたためであり、これらの動的に作成された画像をモーフィング ソリューションにどのように対応させるかがわかりませんでした。

于 2013-01-04T20:12:35.433 に答える