連休中ということで、ブログのテンプレートに新しいワザを導入してみました。「HighSlide」と言うもので、サムネイル画像をクリックすると、カッチョ良く拡大表示され、再クリックで元に戻ります。
このテクニックは、TOMOMIX BLOG を運営しているTomoMiXさんの「Highslide JS実装手順」記事を参照にして導入させていただきました。
最初はうまく行かなかったのですが、それは予め用意してあるサムネイル画像をクリックすると本体画像を呼出す仕組みになっているのに気が付かなかったから(-_-#)
今回は元々が小さいサイズの画像を使ったのですが、これなら少し大きめサイズの画像もブログが重くならずに載せられそうです。何と言っても別窓表示されないのがGood Jobです(o^-')b
＜追記です＞
ふと、思った(o^-')b
別にサムネイル画像ではなく、文中のテキストにも適用させたらいいかも！
散歩していたら道端に綺麗な花が咲いていました。
そろそろ暖かくなってきたんですね。 by ぽよん
とか・・・。
＜更に＞
拡大表示された画像はマウスドラッグで移動できるんですねヽ(｀▽´)/
それに矢印キーでページ内の前後の画像が表示される！
Writes
