Billed manipulation

Det komme lidt an på, hvor længe et tidspunkt er siden.

Du kan lave det med en div og et billed, jeg forstiller mig billedet er delt op i lige store firkanter og du ved hvilken firkant du vil vise (søjle og række):

HTML

<div style="position:relative; width:10px;height:10px;overflow:hidden">
  <img id="sprte" src="billed" style="position:absolute; top:0px; left:0px"/>
</div>

Javascript:

function showSquare(row, col){
  var pic = document.getElementById('sprite');
  pic.style.top = row*-10;
  pic.style.left = col*-10;
}

Bruger den teknik til det her: http://donp.the-hive.dk/home/index.php?id=76


Hvis det du så var lidt nyere, men ikke helt nyt, findes der i css muligheden for at klippe i et element:
http://www.ibloomstudios.com/articles/misunderstood_css_clip/


Hvis det du så var virkeligt nyt kan det være det brugte et canvas, men så skulle du have ledt ret længe efter det originale sprite billed. Skrive "sprite canvas" i en søgemaskine.

Det var lige den java del jeg manglede.

Takker for svaret.