1

クライアント向けの Web サイトをデザインしていますが、すべてのページの上部にアニメーション (非インタラクティブ) を表示したいと考えています。サイトは、任意のブラウザーとデバイスでアクセスできる必要があります。解決策を見つけるのを手伝ってもらえますか?

  1. シナリオ 1: Flash でアニメーションをデザインします。メリット：軽い。問題: iPad/iPhone では表示されません。

  2. シナリオ 2: アニメーションを HTML に変換します (私は、Flash 内から createJS の Toolkit を使用します。これにより、アニメーションが HTML ドキュメントと .JS に変換されます)。次に、アニメーションをスライドショーの iFrame に含めます (LayerSlider を使用します)。問題: Firefox にはiFrame に関する大きな問題があり、単に表示されません (ただし、[このフレームをリロード] をクリックすると表示されますが、もちろん、訪問者がこのトリックを実行することは期待していませんよね?)また、Android では表示されません。

  3. シナリオ 3: アニメーションをアニメーション GIF に変換します。問題: Android では表示されません。また、重いファイルです。

どのブラウザでもアニメーションを表示するための最良の解決策を教えてください。Flash、iFrame 内の HTML、およびanimatedGIF は、目的のために適切に機能していないようです: 他に何か提案はありますか? HTML と iFrame は、Firefox だけが受け入れてくれるなら、私には最高のように思えました。しかし、私が考えていなかった他のフォーマットがあるのではないでしょうか?

あなたの助けに感謝します.おそらく私は車輪を再発明しようとしています.あなたの経験は本当に私を助けることができます.

PS: 理想的には、WP サイトのスライドショー (LayerSlider) に含めたいと思います。

4

2 に答える 2

0

私がデザインしているのは、もともとフラッシュで作成された複雑なアニメーションです。解決策として、それらを HTML5 に変換して別の Web ページとして保存し、スライダー内で iFrames を使用してそれらを呼び出します。次に、Flash 変換ツールを使用して、このスニペットを JS ファイルに追加し、応答性を実現しました。

$(document).ready( function(){
var c = $(‘#respondcanvas’);
var ct = c.get(0).getContext(’2d’);
var container = $(c).parent();

$(window).resize( respondcanvas );

function respondcanvas(){
c.attr(‘width’, $(container).width() );
c.attr(‘height’, $(container).height() );}

respondcanvas();`

このようにして、アニメーションも完全に応答し、すべてのブラウザーと互換性があります。

このソリューションが他の人に役立つことを願っています。

于 2013-07-11T21:15:58.753 に答える
0

ユーザーエージェントやオペレーティングシステムなどを検出してから、表示する画像の種類をプログラムで決定できます。

PHP については、http: //www.php.net/manual/en/function.get-browser.php を参照してください。

于 2013-06-24T11:12:06.547 に答える