株式会社参謀本部の齊藤貴義社長が改変可のクリエイティブコモンズで自由に使って頂いて大歓迎です。と仰せられたのでやっつけ仕事でやってみた。

概要

誰もが憧れる齊藤貴義社長のアイコンを画面いっぱいに敷き詰められるサンプルコードを作ったよ。画像の改変はだれかたのむ。

背景画像を記事ごとに変更するには

次の記事で詳細を確認できる。

ブログの記事ごとに背景画像を変更できるJavaScriptサンプルコード - はぴらき合理化幻想

齊藤貴義社長ご尊顔を背景画像にするコード

このページで採用しているコード。

<script>$(function(){
/*
ブログの記事ごとに背景画像を変更できるJavaScriptサンプルコード - はぴらき合理化幻想
http://hapilaki.hateblo.jp/entry/each-page-has-original-background
ver1.0.0.140529
*/
$('body').css({'background':'url(http://cdn-ak.f.st-hatena.com/images/fotolife/h/hapilaki/20140529/20140529233143.gif)','background-attachment':'fixed'});
});
</script>

大きな顔

大きな顔用コード。

<script>$(function(){
/*
ブログの記事ごとに背景画像を変更できるJavaScriptサンプルコード - はぴらき合理化幻想
http://hapilaki.hateblo.jp/entry/each-page-has-original-background
ver1.0.0.140529
*/
$('body').css({'background':'url(http://cdn-ak.f.st-hatena.com/images/fotolife/h/hapilaki/20140529/20140529233308.jpg)','background-attachment':'fixed'});
});
</script>

元祖、見つめられるお顔

マニアなあなたにはこのコード。

<script>$(function(){
/*
ブログの記事ごとに背景画像を変更できるJavaScriptサンプルコード - はぴらき合理化幻想
http://hapilaki.hateblo.jp/entry/each-page-has-original-background
ver1.0.0.140529
*/
$('body').css({'background':'url(http://cdn-ak.f.st-hatena.com/images/fotolife/h/hapilaki/20140529/20140529233743.jpg)','background-attachment':'fixed'});
});
</script>

齊藤貴義社長ってだれ？

今、はてなで人気沸騰中の素材を配布している人(id:netcraft) 。

• 株式会社参謀本部
• 改変可のクリエイティブコモンズで自由に使って頂いて大歓迎です。

所感

あなたのブログも齊藤貴義社長を並べれば、人気沸騰間違いなし！