2011-06-18 20 views
3

this pageの右側に3%と書かれていますが、20秒ごとに飛行機がこのセクションに飛んでいます。これはjavascriptで行われますか、それともアニメーション化された画像の一部ですか?サンプルコードが見つかりませんでした。この効果は何ですか

P.S.それはフラッシュ

だろうjavascriptの

+0

私にはイメージの上に透明なフラッシュレイヤーがあるように見えます。 – zzzzBov

答えて

2

ない場合、私は

私は放火犯を使用してDOMを検査し、絶対にjpgの上に配置embed要素を見つけたと思う再タグ付けしてください。アニメーションが同じ(またはその逆)の間、画像が変化するように、画像上に単純なループアニメーションを埋め込んでいると推測されます。

私は非常に長い間それをチェックアウトしていなかったので、私は移行中に要素を逃したと仮定すると、まだjavascriptになる可能性があります。

+0

間違いなく。確認済み。 – Steve

2

Sameold、これは画像の上に配置されたフラッシュアニメーションです。ここでは、コードスニペットは、次のとおりです。

<embed width="618" height="315" wmode="transparent" menu="false" scale="scale" quality="high" bgcolor="#ffffff" name="header_home" id="header_home" style="" src="/img/swf/header_home.swf" type="application/x-shockwave-flash"> 

そしてここでは、アニメーションへの直接リンクです: http://armavia.am/img/swf/header_home.swf

けれども、私は、JavaScript/CSSを使用して同じことを行うことができます想像(おそらくもないだろうcanvas要素が必要です)。ページ上にあるかを把握する方法

4

  1. /FirebugのワットクロムまたはFirefoxをインストール(またはSafariのを、私は指示を提供することはできませんので、私はSafariのユーザーではないよ)
  2. ロードページ
  3. Chromeの[Elements]開発者タブまたは[Firebug]の[HTML]タブを使用して問題の要素を選択します。
  4. ブラウザが要素を示しているDOMを調べます。

は、このケースでは、<div>タグ(tellingly「ID」値「flashcontent_home」与えられた)を参照してくださいね、とその<div><embed>タグがあります。フラッシュのサイン。

IE 8と9にはこれを行うことができる開発ツールがありますが、少し厄介です。ポイントは、シンプルな昔ながらの「ソースの表示」でさえ始めることです。

+0

Safariのコメントで+1。私は何年にもわたってそれを "インストール"していましたが、何とか実行されません。そして更新プログラムをインストールするように言います。しばしば。 Go Firefox(そしてFirebug)に行く! :) –

4

CSS/JSでも簡単に実行できます。

background-imageの要素を作成するには、overflow hiddenを割り当てます。出来上がり、その要素の内部に別の要素(飛行機)を追加し、animateその運動、opacityを下げ、そして

http://jsfiddle.net/niklasvh/DXQ5a/

1

それは背景画像上に重ねた透明フラッシュ画像です。あなたはここにフラッシュを見ることができます:http://armavia.am/img/swf/header_home.swfを保存することができます。swfファイルを作成し、自分のサイトで使用したのと同じように使用します(著作権侵害ではありますが)。

関連する問題