blog | SevenStyleWeb

ちょっと仕事で使ったので、メモ。
IE6でpng画像...特に透過画像を使いたいとなったとき、いろんな方法があるけど、
なかでも簡単に使えそうなのが、IE7.js
googleCodeから利用可能。

詳しくは、以下から。
http://code.google.com/p/ie7-js/

こちら導入の仕方はピカイチ。なんだけど、ちょっと使いづらいことがわかった。
何が使いにくいかというと、背景に透過pngを置くとき。

pngデータを

hogehoge-trans.png

というファイル名で保存をしたあと、背景に使ってみると・・・

左上に配置されてしまいます。
しかもそこにポツンと。。。

つまり、IE7.jsで背景画像をpng画像で置くときには、次の制限がでます。

背景のリピートができない
背景に置いた画像の移動(background-positionの設定）ができない

ということで、利用には要注意。

ブログの更新が滞るかもしれない。

というのも、サーバ移動を行おうと思うとります。

なので、もしかしたら、急にアクセスできんようになるかもしれんのですが、
必ず戻ってきます。

ということで。

リーバイスのバイラルだったということ。みんな元気にアクロバチックにジーンズをはく。

builderの記事でこんなのがあった。

prototype.js を利用してコンテンツをインクルードする

SSIなどのやり方があるけど、実際これはサーバの具合などが結構面倒だからなーって思ってた。
JSで「document.write();」でやる方法もあるけど、jsがきちゃなくなるし、更新のとき気持ち悪いなぁって思ってた。

なので、この記事タイトルを見たとき、おーって思ったね。

さーて、どういうやりかたかっていうと。すんごくカンタン。

まず、prototype.jsを読み込む。

<script type="text/javascript" src="hogehoge/prototype.js"></script>

読み込み用の関数を作成。

<script type="text/javascript">
function my_include(id, file) {
document.open();
document.write('<div id="' + id + '"></div>');
document.close();

var options = {};
options.method = "get";
options.asynchronous = false;
new Ajax.Updater(id, file, options);
}
</script>

もちろん関数名などはなんでもよい。これをhead内に。直接書かなくても、こいつを別ファイルとしておいて、読み込んでもＯＫ。

...で、読み込みたいHTMLファイルを作成して、外部に置いておく。このとき、Ajax利用なので、当然の事ながら同じドメイン内においておくこと。
んで、以下のコードを差し込みたい場所に差し込んでおく。これでＯＫ。

<script type="text/javascript">my_include("sample_id","sample.html");</script>

これはいい。
ファイルの作成もHTMLを作るようにできるわけだし、サーバのことを考えなくてもよいわけだし。

これは今後使えるなら使っていこうと思います。

セカンドライフのSIMに５月５日にpanasonicのSIMがオープンしたとの記事を入手したので、
早速いってみる。

http://www.secondtimes.net/metaverse/spot/20080506_maze.html

中身は巨大迷路になっていて、迷路をクリアしていくたびに、諸々商品の広告がある。全部で５つの広告アトラクションをクリアすると最後にプレゼントがもらえる。基本的に、新しい電池をメインにおいたSIMだけど、これが結構面白い。単純に見た目だけではクリアできないようになっている。

各商品アトラクションでは、商品の特長を生かしたコンテンツが満載。



それから、webで展開してるスペシャルサイトへの誘導もある。また、そのスペシャルコンテンツとの連携もできている。新しい試みだろう。参加型をアバターでやるとは・・・おそれいる。




ちなみにそれに関したブログパーツを貼っておくと・・


さすがというべき感じ。こういうのしたかったんですよ！

adidasのバイラルムービー。かなりいい感じ。スニーカー好きのオレにしたら、adidasの中でもこの靴が好きなおれにとってはなんかワクワクしてしまった。