昨日は氷雨降る中を果敢に完走された３万人の皆様、お疲れ様でした。
出場率・完走率共に５０％以下、と踏んでいた私は激しく反省しております。
『ああ。これなら日本はまだ大丈夫だ』
そう確信させられた週末。 我が故郷 JUGEM星のお友達からネタを戴きました。
記事中の大きな画像だけサムネイルに「別窓表示リンク」を（自動で）付けたい
・・・殆ど記事中に写真とかは使わない私には最初ピンと来ませんでした。
しかし、レスの文章を書いている内に徐々に「想定状況」が浮かんで参りまして。
「結構実用的だし、面白いかも！？」 と感じ、”方法”を考えてみました。
このソースはまだ検討中です（修正を要する箇所があるようです）
【 設置法 】 記事部分が以下のようである時
<div id="xxx">
<!--topentry-->
[ 記事内容 ]
<!--/topentry-->
</div>上記（記事部）以降に以下のスクリプトを書きます。
<script type="text/javascript"><!--
function GCon(){
if(document.getElementById){
var A=document.getElementById('xxx').getElementsByTagName('A');
for(i=0;i<A.length;i++){
var H=A[i].href;
if(H.indexOf('/file/')!=-1 && H.indexOf('.jpg')!=-1){
var I=A[i].innerHTML;
if(I.indexOf('src=')!=-1 && I.indexOf('.jpg')!=-1){
A[i].innerHTML=I.replace(/s\.jpg/,".jpg");
var G=A[i].getElementsByTagName('IMG')[0];
if(G.width>300) {
G.style.width="300px";
G.title=" Show in Full-SIze ";
} else {
A[i].style.cursor="default";
A[i].href="javascript:void(0)";
A[i].target="_self";
} } } } } }
GCon()
//--></script>【 使用法 】
１） 記事に載せる画像（写真）は大小を問わず『サムネイルも作成』しておきます
２） 投稿時はどの画像も [サムネイルを使用] で表示されるタグを貼り付けます
３） 上記のみで大画像はカラム適合幅にリサイズされ 「実寸表示リンク」が付きます
（小サイズ画像はサムネイルでなく実寸オリジナルが表示されます）
【 解 説 】 スクリプトは記事中の（リンク付き）サムネイル画像を調べ、オリジナルサイズが記事領域に収まるものはオリジナル画像と置き換えて別窓参照リンクを無効化します。
元画像が記事領域（カラム・テンプレート）に収まらないものは、（別窓参照リンクはそのままに）適当な大きさ（ソース中の赤字部分で設定）に調整して表示します。
いずれの場合も 画像はサムネイルよりは見易いサイズとなります。
スクリプトOFF環境では全画像は（本来のソース通り）リンク付きサムネイルで表示されますので、カラム落ち等の懸念はありませんしオリジナル画像閲覧も可能です。
同じような事を実現する方法は他にも色々思い浮かびます。 一度設定した後の手間がなるべく少なくなる方向で考えてみたのですが如何でしょうか。
記事を書く(サムネイルを使用) | (元画像を使用)
の他にもう一つ 「自動」という（条件設定可能な）投稿タグ出力があっても良いような気もします
|
★
しゅがたん
しゅがたん
Edit 02/20 08:22 |
これは便利、テンプレートを変更してメインカラムの幅が狭くなった場合も役立ちます（実際それで困ってたりします^^;） |
|
★
daniel
daniel
Edit 02/20 10:11 |
おはようございます。 |
|
★
しゅがたん
しゅがたん
Edit 02/20 21:11 |
常にサムネイルをつかうようにすれば、あのファイルアップロードのサムネイル作成だけで充分…というかあれも非常に便利なものなんですが（サムネイルの大きさを３つくらい設定できて、選択できるといいなぁーなんてこれまた贅沢なことを考えてしまいますが）。何も考えずにあれこれ要求していいってことだったら何項目くらいになるかなぁなんて思ってしまいました。 |
|
★
daniel
daniel
Edit 02/20 23:26 |
（ ウチのリンクにも何軒かいらっしゃいますけど ） |
|
★
けんぱ
けんぱ
Edit 02/22 16:00 |
あ、なるほど、これはFC2用でしたか。 |
| . |