画像のAlt属性を重ねて表示

http://www.iburiworks.com/weblog/002361.html より

重ねて表示する方法に興味があったので、うまく表示できるようにがんばってみました。

画像のAlt属性のみならず、id や name や href を重ねて表示するなど、いろいろ応用が利きそう

javascript:(function(){g=document.images;for(i=0;i<g.length;i++){var l=0;var t=0;var p=g[i];while(p.tagName!='BODY'){var n=p.tagName;l+=p.offsetLeft;t+=p.offsetTop;p=p.offsetParent;}var a='';if(g[i].alt.length>0)a=g[i].alt;else a='?';var h='<span style=\'z-index:1;left:'+l+'px;top:'+t+'px;position:absolute;background-color:white;border:1px solid black;padding:2px;filter:alpha(opacity=80);-moz-opacity:0.8;\'>'+a+'</span>';document.body.insertAdjacentHTML('beforeEnd',h);}})()