FCafe　 透過GIFでサムネイル

　ぼそっと薄文字で呟いてみてもあまり意味は無い訳で、やはり実践が大切なんじゃないかと。
「他の規範たるべき決定版」　を示す（元より不可能ですが）事より多くの試行（錯誤）事例を提示する事こそがFCafeの存在意義ではないのか。　と。
そう思い直しましてやってみました。 　『透過ＧＩＦフレーム』。

【 方 法 】 　ＨＴＭＬ／ＣＳＳで以下の設定を行います

• paint 等のお絵かきソフトで好みのサイズ*の透明（透過）GIF画像を作成します
   　1bit（２色）を指定し「背景色を透過」で保存します
• その透過GIF画像をアップロードしておきます　（ 例： thumb.gif ）
• 記事中のリンク付きIMGに background : center no-repeat; を指定しておきます
• 「記事を書く(サムネイルを使用)」　 でシステムの出力するタグを使用します
• サムネイルのIMGタグ中に style="background-image:url(☆)" を追加します
• 上記☆部分にサムネイル画像のURLをカット&ペーストします
• 空になった src= 部分にアップロードしたGIF画像のURLを貼って投稿します

*　サムネイルのサイズ設定値と GIF画像のサイズとの関係は前記事に同じ

【 考 案 】 　透過GIFを"枠"として用いサムネイルを定常サイズで表示させるというもの。
画像タグに更に"背景画像"を指定するのがポイントです。　 ( image in image )
サンプルファイルのソースからお分かり戴ける様に、前記事の方法より（テンプレート側での）ＣＳＳ設定がかなり簡潔になっています。　子要素となる透過GIFはstaticに表示されますからＡタグのblock化は不要で title 要素も通常通り表示されます。　格別サムネイルのＡタグに対しＣＳＳを指定する必要がありませんから記事中の他リンクと区別化の手間もかかりませんし、 「リンク画像の背景指定」も url はstyleオプションで指定しますのでサムネイル以外の画像には影響ありません。　　透過背景色のみの２値GIF画像は圧縮が効いてサイズに比し非常に軽量ですから頁表示も軽快です。　 　（ 結構利点の多い方法ではないかと思えて来ました　★ ）

サンプル搭載の photoscope はこの方法に対応した新versionです。
宜しければ御自由に御利用下さい