電脳コイルを見たので作ってみた。
ネタバレを避けるためにタイトルは少々わかりづらく書いた。
例のごとくFirefoxでしか検証していない。
このBookmarkletを実行すると、画面内の全ての画像が電脳コイル現象をおこして電脳体が分離する。
全ての言っても、positionがfixedの画像は適応外。
大きく分離した時に元の画像を濃くしてNO DATAって表示させようかと思ったけど、filter関連が面倒なのでやめた。
今思ったけど、NO DATAにならないと電脳コイル現象って言わないんだっけ?
まあいいや。
ネタバレを避けるためにタイトルは少々わかりづらく書いた。
例のごとくFirefoxでしか検証していない。
このBookmarkletを実行すると、画面内の全ての画像が電脳コイル現象をおこして電脳体が分離する。
全ての言っても、positionがfixedの画像は適応外。
大きく分離した時に元の画像を濃くしてNO DATAって表示させようかと思ったけど、filter関連が面倒なのでやめた。
今思ったけど、NO DATAにならないと電脳コイル現象って言わないんだっけ?
まあいいや。
/*
================================================================================
Name : Denno Coilize
In : [none]
Out : [none]
Note : 電脳コイル現象を発生させる
--------------------------------------------------------------------------------
Version : Ver1.0.0 | 2008/10/08 | 新規作成
--------------------------------------------------------------------------------
License : MIT license
URL : www.kanasansoft.com
================================================================================
*/
(function(){
var images=document.getElementsByTagName('img');
for(var i=images.length-1;i>=0;i--){
image=images[i];
var clone=image.cloneNode(true);
var position=getComputedStyle(image,'').position;
if(position=='fixed'){
continue;
}else{
clone.style.position='absolute';
}
clone.style.top=(image.y+image.height/20)+'px';
clone.style.left=(image.x-image.width/20)+'px';
clone.style.filter='alpha(opacity=30)';
clone.style.MozOpacity=0.3;
clone.style.opacity=0.3;
images[i].parentNode.insertBefore(clone,images[i]);
}
})();
================================================================================
Name : Denno Coilize
In : [none]
Out : [none]
Note : 電脳コイル現象を発生させる
--------------------------------------------------------------------------------
Version : Ver1.0.0 | 2008/10/08 | 新規作成
--------------------------------------------------------------------------------
License : MIT license
URL : www.kanasansoft.com
================================================================================
*/
(function(){
var images=document.getElementsByTagName('img');
for(var i=images.length-1;i>=0;i--){
image=images[i];
var clone=image.cloneNode(true);
var position=getComputedStyle(image,'').position;
if(position=='fixed'){
continue;
}else{
clone.style.position='absolute';
}
clone.style.top=(image.y+image.height/20)+'px';
clone.style.left=(image.x-image.width/20)+'px';
clone.style.filter='alpha(opacity=30)';
clone.style.MozOpacity=0.3;
clone.style.opacity=0.3;
images[i].parentNode.insertBefore(clone,images[i]);
}
})();