アサブロで縮小画像にclick!の文字が重なる件について(追記あり): "Haniwaのページ"作者のblog

【追記その4：2007年8月3日】
アサヒネットから教えていただいたJavaScriptを使って、アサブロの縮小画像上の"click!"を非表示にする方法をお知らせする。アサヒネットから転載の許可を戴いた。

アサブロ　管理画面の

「HTMLカスタマイズ」を選び、

・ body要素 開始タグ直後 ★1

に
<script type="text/javascript">
<!--
asablo.option.noimagewatermark=1
// -->
</script>

と入力し、「保存する」をクリックしてください。

註：教えていただいたのは、
<script type="text/javascript"> asablo.option.noimagewatermark=1</script>
だったのだが、上記の方が文法的により正しいと思うので修正した。

この方法だと、Blogが表示されるまで一瞬のタイムラグがあるように思うが仕方ない（JavaScript無効だとすぐに表示される）。

以下は、追記その4に至る経緯なので、アサブロの縮小画像上の"click!"を消したいだけの方は読まなくてもいい(笑)。一応残してあるだけ(笑)。
【追記その4ここまで】

昨日の午後から、アサブロの縮小画像上に"click!"という画像がオーバーレイされるようになった。写真は私の著作物であるので、写真上に勝手に画像をオーバーレイされるのは、描いた絵に落書きされたような気分である。それがたとえ下手糞だったりどうでもよさそうなものであっても。しかもこの仕様変更については全く告知なくなされた。現在でも告知はない。
【追記：2007年8月3日】この記事を書いた後に告知が出た。
拡大できる写真に「click!」と表示するようになりました: アサブロ
2日後に告知を出すというのがいかにもアサブロらしい。腹が立つのは、要望があったからやったように書いているところだ。写真の上に勝手に画像をオーバーレイすることを望まない者に対しても問答無用で画像をかぶせてしまうセンスを疑う。アサブロから他に移行する者が後を絶たないのもわかる。ちなみにどの画像が拡大できるか分からないというが、ポインタを画像の上に持っていけばわかるはずだ。世の中に数多あるサイトでサムネイル画像にclick!と書いてあるサイトがどれぐらいあるか？望む人だけclick!を表示するようにすればいい。【追記ここまで】

そこでアサヒネットに"click!"が表示されないように要望を出したところ、JavaScriptを使って非表示にする方法を教えていただいた。しかし、その通りにすると、記事本文もツールバーも全く表示されない状態になってしまったので、再度問い合わせ中である。仮にこの対策がうまくいったとしても、JavaScriptを使って表示されないようにするのは邪道というか屋上屋重ねるというか解決策になっていないと思う。
【さらに追記：2007年8月3日】アサヒネットから再度返事が来た。最初の対策は文字が一部抜けていたそうだ。こういうミスがアサブロは多い。記事にはしなかったが、最近もツールバーの一部にタグの閉じ忘れがあって、私が指摘するまで気付いていなかったことがあった。このJavaScriptを使って表示されないようにする方法を公表してもいいか再度問い合わせ中。なお、私はJavaScriptを使ったこの回避方法は、JavaScriptを無効にしている人には効果がない上に（というか無効にしているとclick!は表示されないのだが）、さらにJavaScriptを使うのは嫌なので、改善されるまで下記に書いた方法で対処することにする。JavaScript無効の人にはclick!は表示されないのだから、JavaScript有効にしている人に向けてJavaScriptでclick!を表示させないように書くのも悪くないと思い始めた。アサヒネットには引き続き、希望者のみにclick!がオーバーレイされる仕様にするように要望していく。というかこのBlogはJavaScript無効を推奨にしようか。【さらに追記ここまで】【さらにさらに追記：2007年8月3日】JavaScriptでオーバーレイされないように対策することにした。このBlogではもうclick!表示はされていない。なお、JavaScript無効でも縮小画像をクリックすると大きな画像が開く。【さらにさらに追記ここまで】

この現象は、長辺300ピクセルを超える画像をアップロードした際に、長辺300ピクセルの縮小画像がblog記事に表示され、それをクリックすると元の大きなサイズの画像が表示されるように自動的に処理するときに、アサブロの方でCSSかなんかで自動的にclick!という画像を縮小画像上にオーバーレイしているようだ。

だから、自分で縮小画像を作ってそれをHTMLでBlog記事に添付して、その写真に拡大画像のリンクを貼ればまったく同じことができてしかもclick!という文字が重ならない。
DNPセンチュリア400が発売されていた＆DNPセンチュリア200報告 ― 2007年06月15日
の2番目3番目の写真は縮小写真に大きな写真のリンクを張っているのだが、アサブロの機能を使わずに自分でHTMLを書いてそうしてあるので、click!の文字はオーバーレイされていない。その場合のソースは以下のとおり。

<a href="http://haniwa.asablo.jp/blog/img/2007/07/09/35787.jpg" target="_blank" onClick="return ExpandImage(this,389,600,'http://haniwa.asablo.jp/blog/img/2007/07/09/35787.jpg')">
<img src="http://haniwa.asablo.jp/blog/img/2007/06/15/32ec1.jpg" alt="DNP CENTURIA 200 作例１：Nikon F100、Ai Nikkor 20mm F2.8S、1/250、F8、L37c、Nikon Super COOLSCAN 5000ED" title="DNP CENTURIA 200 作例１：Nikon F100、Ai Nikkor 20mm F2.8S、1/250、F8、L37c、Nikon Super COOLSCAN 5000ED" width="195" height="300"></a>

この場合、32ec1.jpgが195×300ピクセルの縮小画像、35787.jpgが389×600ピクセルの元画像となる。

面倒だが、アサブロで対策してくれるまで自分で縮小画像を作って元の大きな画像にリンクを張ることで回避することにする。アサブロから何か回答があればここでまた報告する。