質問: html5で画像をクルクル回したい。 html5で画像をクルクル回したい。 すみません。お手上げです。教えてください。 アップルのhtml5のサイトで、iphoneを360度クルクル回せるサイトがあります。 http://www.apple.com/html5/showcase/threesixty/ この技術を使いたいと思い、firebugなどでソースを見てるのですが、 どうやっているのかわかりません。 javascriptを呼び出して、表示する画像を次々と変えているようなのですが、 それって、html5の技術なのでしょうか。 html5のcanvasなどの最新技術を使っていると思っていたのですが、 どんな方法で回しているのかがわかりません。 一応html5のサンプルページなので、 最新技術を使っていると思っているのですが・・・・・。 ただjavasvriptで処理しているだけなのでしょうか。 ソースなどは自分で調べますので、 そんな技術を使っているかだけでも教えて教えていただけると 助かります。 すみません。困っています。 ご存知の方、どなたか教えてください。 よろしくお願いいたします。
回答: どんな技術かの説明が足りてなかったので追記です。 まず、threesixty.jsに記述した画像パスと画像枚数を vr.js内にある関数ac.vrに渡します。 渡した後、vr.js内でprototype.jsのevent.observeなどを利用して、 マウスイベントが起こったら、 現在の画像からどのくらい数値を移動させるかなどを計算して、 その数値を画像パスの##に入れたものを画面上に常時反映しているようです。 参考url(prototype.jsのevent.observeの説明) http://javascriptist.net/ref_prototype/event.observe.html