う〜ん。 画像関係のネタは結構ノリが違うようであります。
本日上げた２件の記事を読んでて思いました。 「これ、統合しちゃったら良くね？」
サムネイルを拡大してそのまま使い、オリジナルで置き換えるのを省略しちゃえば。
使用感は左程変らず スクリプトはシンプルになって、スピードもアップするんじゃ？
・・・という訳で、早速試してみました
【 設置法 】 設置法・使用法は概ねこれまでの記事と変わりません。
スクリプトのみを以下のものと差し替えるだけでＯＫです。
（ 今回の仕様変更により、スクリプトソース中の数値やid 設定は不要となりました。
そのまま貼り付けて戴くだけでＯＫです ）
<script type="text/javascript"><!--
var A=document.getElementsByTagName('A');
var Pict=new Array();
var Q=new Array();
function GCon(){
var k=0;
for(i=0;i<A.length;i++){
var H=A[i].href; if(H.search(/\/file\/.*\.jpg/)>0){
var T=A[i].getElementsByTagName('IMG'); if(T.length>0){
if(T[0].src==H.replace(/(\.jpg)/,"s$1")){
Pict[i]=new Image ;Pict[i].src=H; k++; Q[i]=1;
} } } }
if(k!=0){ RS() }
}
function RS(){
Org=new Array();
Org[0]=document.getElementsByTagName('HTML')[0].style.overflow;
Org[1]=document.getElementsByTagName('BODY')[0].width;
Org[2]=document.getElementsByTagName('BODY')[0].height;
Org[3]=document.getElementsByTagName('BODY')[0].overflow;
for(i=0;i<A.length;i++){ if(Q[i]==1){
var G=A[i].getElementsByTagName('IMG')[0]; A[i].target="_self";
A[i].href="javascript:LB('"+A[i].href+"')";
G.title=" Show in Full-Size ";
} } }
function LB(G){;
scroll(0,0);
document.getElementsByTagName('HTML')[0].style.overflow="hidden";
var B=document.getElementsByTagName('BODY')[0];
B.style.width="100%";
B.style.height="100%";
B.style.overflow="hidden";
var P = document.createElement('div');
B.appendChild(P);
P.innerHTML =" Click to Return";
P.style.margin='0';
P.style.position='absolute';
P.style.top='0';
P.style.left='0';
P.style.width='100%';
P.style.height='100%';
P.style.color='white';
P.style.background='#224 url("'+G+'") center no-repeat';
P.onclick=function(){RMV(this)}
}
function RMV(k){
if(Org[0]!="") {
document.getElementsByTagName('HTML')[0].style.overflow=Org[0]
} else {
document.getElementsByTagName('HTML')[0].style.overflow="auto"
}
var B=document.getElementsByTagName('BODY')[0];
if(Org[1]!=undefined){B.style.width=Org[1] }
else{ B.style.width="auto" }
if(Org[2]!=undefined){ B.style.height=Org[2] }
else { B.style.height="auto" }
if(Org[3]!=undefined){B.style.overflow=Org[3] }
else { B.style.overflow="auto" }
B.removeChild(k);
}
GCon();
//--></script>【 解 説 】 サムネイル画像をそのまま使用しますので 元画像サイズを調べる手間が不要になりました。
複数画像掲載時に 「どの画像をサイズ調整するか」 悩む必要もありません。
また、画像アドレスのマッチングレベルが上がったため、「自己のオリジナルをリンクするサムネイル画像」 の同定が確実となり、各blog毎のパラメーター調整の不要化に結び付いています。
（ ただし、実寸表示時のレスポンス向上の為、"元画像プレロード"は残してあります ）
今回は 「枠背景」の色を多少変更してあります
| . |