localstorageに画像を保存して、再利用してくれるjquery pluginを書いてみた。

https://github.com/rozary/js-jquery-storage-image

<script src="./jquery.min.js"></script>
<script src="./jquery.storage.image.js"></script>

<script type="text/javascript">
$(function() {
  $("#img1").storageImage("image.png");
});
</script>

<img id="img1" />

ちょいちょい端折ってるけれど。

imgタグにidをいれて、
そのdomにstorageImageして、表示したい画像のファイルを渡せば動くかと。

$(function(){});を忘れずに。

ただ、作ってみたはいいけれど、思ったより重いなぁっていう感想。
storageが重いのかコードが重いのか。
その点は後ほど…。

それから、画像サイズはそのまま出してしまうので、
画面サイズに合わせて表示するとかはまだできないですねぇ。

ブリトニー･スピアーズのI'm Not A Girl, Not Yet A Woman見てるんだけれど、やっぱかわえぇ。