• ベストアンサー

javascript 画像を動かす

私の言っている画像の動きとは、 背景を左右上下に動かすということではなく、 例えば、背景が中央にあった場合。 背景の位置はそのままで、その背景に動きをつけるということです。 昔は、画像に幻想的な動きが出来たのですが、 何時から出来なくなったのか、ロジックを見ても何処が対応していないか 解らないので困っています。 そのようなサンプルを探しているのですが、中々見つけられません。 ご存知の方がいらっしゃいましたら、教えて頂けないでしょうか。 よろしくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

どんな動きのことかわからんですが 昔動いてて今動かないってなるとOpenGLか IEなら多分DirectXの機能利用したフィルタとかだと思います 彼はIE10にてお亡くなりになりました SVGやCSSのフィルタ、あるいはcanvasで代用しましょう DirectXやOpenGLでやってたようなことと 同じようなことがやりたければthree.jsあたりがいいかとおもいます 名前からして3D用って感じですがwebGL対応で 画像の変形アニメーション用途でも結構使えます webGLならばモダンブラウザは大概対応してます

参考URL:
https://blogs.msdn.microsoft.com/ie_jp/2011/12/26/ie10-web/
yodogou
質問者

お礼

大変勉強になりました、有難う御座います。 思い通りのものが出来ました。

関連するQ&A

  • 画像の上下中央固定について

    今、ホームページをメモ帳で作っています。 大きな画像1枚だけを、1つのページにドンと置いているんですが その画像を、どんなに画面の大きさが変わっても 常に上下左右の中央にもってきたいんです。 左右は、<center>ではさんだり、テーブルを使ったりして できたんですが、どうしても上下だけができません。 どこかのホームページで、テーブルを使った場合 ALIGN="*"と同じように VALIGN="*"でcenterと指定すればできる と書いてあったのですが、私はできませんでした。 どうすれば、上下の中央に持ってこれるのかご存知の方、教えてください。 お願いします。 

    • ベストアンサー
    • HTML
  • 図形 上下も中央に表示するには

    エクセルの図形で左右の位置を中央に表示できますが 上下も中央に表示するにはどうすればいいですか? 画像は左右の位置を中央に表示しようとしている画面です。

  • CSSで画像・テーブルをウインドウの中央(上下・左右共)に表示したい!

    前回は文字を一番下の中央に表示させたい質問をして、 回答を頂き出来るようになったのですが、今度は画像や テーブルをCSSを使ってウインドウの中央(上下・左右共) に表示させる方法が分らず困っています。 ご存知の方がおられましたら回答を宜しくお願いします。 このようにやってみましたが、画像やテーブルの縦の長さ に関係なく50%位置に配置されてしまい、上下に中央では なくなってしまいました。 position: absolute; top: 50%; width: 100%; text-align: center; いじょう宜しくお願いします。

    • ベストアンサー
    • HTML
  • WEBサイトで画像をいっぱいに表示する

    表題のとおりなのですが、 WEBサイトで背景画像を画面いっぱいに表示したいっていう場合 画像のサイズってどれくらいで作っておけば良いのでしょうか? 画像の左右と上下を切らずに画面のサイズに合わせようとすると 当然機種によっては変な伸び方になってしまうと思いますし、 縦持ち、横持ちにも対応する場合は縦用と横用で 画像を切り替えるのがベストなのでしょうか??

    • ベストアンサー
    • CSS
  • CSSで背景画像設定

    ページ自体はテーブルで位置を特定しています。 中央に750ピクセルのテーブルを配置しその中にコンテンツを入れています。 さて、背景画像を固定にしたいと思っています。 場所なのですが、ブラウザサイズに左右されない下部分・中心から375右の位置が右端になるようにしたいんです。 いわゆる「中央に750ピクセルのテーブルを配置しその下部分に画像を配置」した状態で、なおかつ固定としたいんです。 このような言い回しでわかっていただけたでしょうか? CSSで右下に配置ってのはやったことがあるのですが、「中央から375ピクセルの位置が右端」なんてことが可能なのでしょうか? 方法があれば教えてください。

    • ベストアンサー
    • HTML
  • 背景画像を任意の位置に置きたい

    こんにちは、Santaと申します。 いつもお世話になっております。 Firefox 8.0 Chrome 16.0 背景画像を任意の位置に置きたいです。 画像のとおりです。 背景画像の大きさは width:950px; height:800px; です。 左右にオレンジ色の矩形を置いております。オレンジの矩形の間の白いところは、白の矩形です。 左右では、center真ん中に来るように、上からは200px;の位置に置きたいと思っております。 自分の書いたCSSでは、絵柄が少し表示されるだけで、全体の画像も表示することができませんでした。 css --------------------------------- body { background-image:url(../images/background_line_wall.gif); background-position:50% 50%; background-repeat:no-repeat; } ----------------------------------- どのように書きましたら、上から200pxの位置へ、左、右からは中央へセンタリングできますでしょうか? よろしくお願いいたします 失礼致します。

    • ベストアンサー
    • CSS
  • 背景画像を左右に表示

    今HPを作っているのですが、 背景画像をページの左右両端に配置してそれを繰り返す、というのはどうやればいいのでしょうか? ソースのサンプルを教えていただけないでしょうか? いろいろ検索してみましたが、見付かりませんでした。 よろしくお願いします!

  • HTMLでテーブル内の背景画像固定方法は?

    HTMLでテーブルの背景に画像を指定することは可能ですが、その背景画像を繰り返さないように指定したり、位置を指定したりすることはできるのでしょうか。 CSSではなくHTMLで指定できるのかどうか、また出来るのであればそのサンプルを教えて頂けると助かります。

  • lightbox2で画像を天地左右中央に表示させたい

    こちらのLightBox2を使用しております。 http://www.huddletogether.com/projects/lightbox2/ サムネイルの画像をクリックし、背景が暗くなって、画像が現れますが、この画像がどのサイズのモニタで見てもど真ん中(天地左右中央)に表示されるようにするにはどのようにしたら良いのでしょうか。 ウィンドウサイズが変わったときにも合わせて位置を変化してくれたりする方法があるとベストなのですが、どなたか後損の方がいらっしゃいましたら宜しくお願い致します。

  • 背景の画像を定位置に固定したいのですが・・・

    ホームページ作成の途中で困っているのですぐに回答ほしいです。 背景の画像を定位置に固定して文字だけを上下させたいのですが・・・。 どなたか分かりませんか?

専門家に質問してみよう