a
   
titlill

公開編2.ホームページに表示する。


 ホームページに表示するには、いくつかの方法があって、私自身よくわかっていないことだらけです。
 自分自身の覚書という程度の内容になりますが、整理しておきます。

  1. htmlにリンクして、別窓で開く。
  2. htmlにリンクして、サイト内に表示する。
  3. SWFにリンクして、サイト内に表示する。

1.htmlにリンクして、別窓で開く。


 フラッシュでもhtml5でも、パノラマを作るソフトでhtmlを一緒に書き出すことができますから、これにリンクして、別窓で表示するのが一番ポピュラーでカンタンな方法のようです。
 リンク元には、どのようなパノラマ画像なのかがわかるように一部を切り抜いた写真を使うことが多いです。
 たとえは、こんなコードになります。

<a href="http://www.dowjow.com/・・・・・・・/1.html" target="_blank"> <img src="http://dowjow.com/・・・・・・・/1.jpg" width="300" height="100" /> </a>

 一行目で、htmlのリンク先を指定し、二行目でリンク元となるサンプル写真を指定しています。
 実際の表示は下のようになります。(テーブルを使って右側に解説を入れています。)

常楽寺
川崎・常楽寺。漫画寺として知られています。漫・画・寺の3文字をクリックすると、別の部屋が見られます。画像切り換え時に、ぐるぐる回って目が回るかも。



 htmlの切り換えさえできれば、ipadでも見ることができます。このケースでは、3つあるパノラマの1枚目だけは見られます。現在のkrpanoではこれが精一杯と思います。

 

2.htmlにリンクして、サイト内に表示する。


 上の方法は、別窓で見るために、ユーザーはかならず写真などをクリックしてパノラマを開く操作が必要になります。これが面倒ということも現実には多くて、なのでページ内にパノラマをそのまま表示したい時に使えるのが、インラインフレーム「iframe」を使う方法です。

<iframe src="http://www.dowjow.com/・・・・・・・・/1.html" width="450" height="450" frameborder="0">インラインフレーム対応のブラウザでご覧ください。</iframe>



 あ、なんかいい感じですね。フル画面表示もできますし。ただ、ipadでは動きません。(カンタンなhtmlのページなら動くようですが、このサイトのようにブログ形式を採用しているページだと動かないようです。・・・要検討。

3.swfにリンクして、サイト内に表示する。


 Pano2vrで作成したフラッシュのファイル「swf」を、そのままページに貼り付けてしまえ! という方法です。訳もわからなかった頃、よく使っていました。一枚物のパノラマをカンタンに貼り付けるには使えるかもしれません。iframeよりも、表示が少し速いような、気もします。気のせいかもしれません。
 krpanoで「プロテクト」をかけたswfファイルを表示するのにも使えます。
 
 ブラウザによって上手く表示されたりされなかったりするので、いろいろ調べてこんな記述になりました。 二種類の方法で書かれていて、ブラウザによっていずれかを読んで動作するようですが、こんなのでよいのでしょうか。何がなんだか、よくわからないことだらけです。
 フラッシュですから、ipadでは真っ白になります。


<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"width="450" height="450" id="fi1" > <PARAM NAME=movie VALUE="http://dowjow.com/・・・・・・・/1.swf"> <param name="allowFullScreen" value="true" /> <PARAM NAME="quality" VALUE="high"> <EMBED src="http://dowjow.com/・・・・・・・/1.swf" allowFullScreen="true" width="450" height="450" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"> <EMBED> </OBJECT>

 

 とにかくは、課題だらけ、わからないことだらけですので、今後も勉強していきます。どなたか詳しい方がいらしたら、教えて欲しいです。



・・・・・今回はここまで。



VRパノラマ関連の撮影と制作・セミナーを承ります!

 『きれい、わかりやすい、面白い!』VRパノラマを制作しています。
 いろいろな作品と技術の紹介をしているサイトはこちら

ちいでんパノラマ


 
お客様のご撮影
撮る、知る、学ぶ
写真道場とは?








    正午~午後7時
    火/水曜 休

    ☎fax
    044-433-7212





●赤字は不在日・休業日です。





大きな地図で見る

 道案内
    ↑クリック!