FCafe  頁内実寸表示サムネイル版

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

 う~ん。  画像関係のネタは結構ノリが違うようであります。
本日上げた2件の記事を読んでて思いました。 「これ、統合しちゃったら良くね?」
サムネイルを拡大してそのまま使い、オリジナルで置き換えるのを省略しちゃえば。
使用感は左程変らず スクリプトはシンプルになって、スピードもアップするんじゃ?
・・・という訳で、早速試してみました

 

SAMPLE


【 設置法 】  設置法・使用法は概ねこれまでの記事と変わりません。
スクリプトのみを以下のものと差し替えるだけでOKです。
( 今回の仕様変更により、スクリプトソース中の数値やid 設定は不要となりました。
  そのまま貼り付けて戴くだけでOKです )

<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毎のパラメーター調整の不要化に結び付いています。
( ただし、実寸表示時のレスポンス向上の為、"元画像プレロード"は残してあります )

   今回は 「枠背景」の色を多少変更してあります

Comment


.  
HN Title URL PW secret

TrackBack http://pcafe.blog3.fc2.com/tb.php/438-1e18421e

Shown after Admisson
.

≫ 記事中画像リサイズ サムネイルをリサイズ ≪

2007 / 02 / 25  Sun
Entry   
Comment 0 / TB 0 / Edit
Designed by Daniel Corporation . all rights renounced
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。