draggable tile wall

MMP""MM""YMM `7MMF'  `7MMF'`7MM"""YMM      `7MMF'     A     `7MF' db      `7MMF'      `7MMF'      
P'   MM   `7   MM      MM    MM    `7        `MA     ,MA     ,V  ;MM:       MM          MM        
     MM        MM      MM    MM   d           VM:   ,VVM:   ,V  ,V^MM.      MM          MM        
     MM        MMmmmmmmMM    MMmmMM            MM.  M' MM.  M' ,M  `MM      MM          MM        
     MM        MM      MM    MM   Y  ,         `MM A'  `MM A'  AbmmmqMA     MM      ,   MM      , 
     MM        MM      MM    MM     ,M          :MM;    :MM;  A'     VML    MM     ,M   MM     ,M 
   .JMML.    .JMML.  .JMML..JMMmmmmMMM           VF      VF .AMA.   .AMMA..JMMmmmmMMM .JMMmmmmMMM 

なんじゃこりゃ…。


「THE WALL」( http://wall.plasm.it/ )
▲
このサイトの、ドラッグ可能なタイル状の壁紙が、なかなか使えそう。

要素を検証してみたら

<div class="tile" col="7" row="-2" rel="7x-2" style="position: absolute; left: 1050px; top: -300px; width: 150px; height: 150px; background-image: url(http://wall.plasm.it/application/assets/images/thewall-null-150x150.gif); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: 50% 50%; background-repeat: no-repeat no-repeat; "><img src="/public/images/middle/55.jpg" style="visibility: visible; zoom: 1; opacity: 1; "></div>

こんな感じのがたくさん並んでたので、jsを弄ってDBからデータを読み出すプログラムを書いたら、各画像にリンクを貼ったタイル状の壁紙もできそう。

暇みてチャレンジしてみようっと。