RICOH THETAの全天球画像埋め込みコードを使うとHTML5版で勝手にスクロールしちゃう問題への対策をしてみた

RICOH THETAサイコー！

posted with amazlet at 13.12.20

リコー (2013-11-08)
売り上げランキング: 421

RICOH THETA公式サイトtheta360.com上にアップロードした全天球画像から埋め込みコードを取得できるようになりました。めでたい！

しかし、スマートデバイス（スマートフォン/タブレット）でアクセスした際のHTML5版で、埋め込み位置まで勝手にスクロールしてしまう問題があります。

これは、埋め込みをサックリ断念するぐらいブロガーにとっては深刻な問題。さて、どうしよう。（続きは[Read More]から）

そこで、対策を考えました。こんなのです。

初期状態ではサムネイル表示。クリックすると全天球画像ビュワーと差し替わるというものです。

[クリックで全天球画像ビュワーを起動]

[クリックで全天球画像ビュワーを起動]

まずは、エントリにこれをコピペ。1エントリにつき1回コピペすればOK。

theta360.com上の、ブログに貼り込みたい全天球画像のページをブラウザで表示。

そこで、以下のブックマークレットを実行。

（URLエンコードしようとしたら動かなくなったので、リンクにはしません。ここからコピペしてブックマークに登録してください。

すると、貼り込み用のコードが出力されるので、これをエントリの任意の場所にペースト。すると、このエントリに貼ってあるような感じになります。

ブックマークレットのソースコードは以下です。改造する人は頑張ってください。

posted with amazlet at 13.12.20

リコー (2013-11-08)
売り上げランキング: 421

posted with amazlet at 13.12.20

リコー (2013-11-08)
売り上げランキング: 6,828

posted with amazlet at 13.12.20

ABITAX
売り上げランキング: 6,368

この記事が気に入ったら
いいね！

最新情報をお届けします