2011.04.09 Saturday 00:11
すっきり??
先月末の話なのですが、デスクトップPCが壊れて以来メインで使っているモバイルPCの Mini9 でDドライブとして使用していた16GBのSDHCカードがある日まっさらにフォーマットされてしまっていました。そのような操作をした記憶などなかったのですが。
バックアップなんて取っていなかった(汗)ので、気づいたときには後の祭り……。消えたのはデータ類で、カメラ画像のバックアップのつもりで保存しておいたファイルの方が無くなったり、ダウンロードしておいたZIPファイルやPDFファイルが逸失したり。orz
画像の方は以前のやり方で復活できるかも知れないのですが、まだ試していません。カードの上書きをしないように気をつけているところです。
数日前、以前から操作性に不満を感じていたこのブログの画像表示方法をやっと改善できました。
これまでの表示の仕方だとサムネイル画像をクリックすると別窓が開いて、ブラウザの戻る操作で閉じていたのです。たとえば下の様に。
これを、開いたウィンドウで画像をクリックすると自動的に閉じるようにしたかったのです。JavaScriptでできそうだったのですが上手くいかず、これまで断念してました。
先日AllAbout の「別窓を開かずに、その場で拡大画像を表示!」というこちらの記事を見つけ、その内容にしたがってブログのイメージフォルダに設定などしてみたところ、ほぼイメージ通りの操作ができるようになったのです。こんな感じで、クリックすると元画像が表示されます。
プラス左上の大きい × をクリックするとより拡大されます。もう1回左上の × をクリックすれば元に戻れます。
この便利なツール、「Lightbox Plus」を提供してくれているのは何とこのブログ環境 Serene Bach の運営をされている SerendipityNZ Ltd. さんなのでした。灯台下暗しとはこのことです。反省しなくては。
バックアップなんて取っていなかった(汗)ので、気づいたときには後の祭り……。消えたのはデータ類で、カメラ画像のバックアップのつもりで保存しておいたファイルの方が無くなったり、ダウンロードしておいたZIPファイルやPDFファイルが逸失したり。orz
画像の方は以前のやり方で復活できるかも知れないのですが、まだ試していません。カードの上書きをしないように気をつけているところです。
数日前、以前から操作性に不満を感じていたこのブログの画像表示方法をやっと改善できました。
これまでの表示の仕方だとサムネイル画像をクリックすると別窓が開いて、ブラウザの戻る操作で閉じていたのです。たとえば下の様に。
これを、開いたウィンドウで画像をクリックすると自動的に閉じるようにしたかったのです。JavaScriptでできそうだったのですが上手くいかず、これまで断念してました。
先日AllAbout の「別窓を開かずに、その場で拡大画像を表示!」というこちらの記事を見つけ、その内容にしたがってブログのイメージフォルダに設定などしてみたところ、ほぼイメージ通りの操作ができるようになったのです。こんな感じで、クリックすると元画像が表示されます。
プラス左上の大きい × をクリックするとより拡大されます。もう1回左上の × をクリックすれば元に戻れます。
この便利なツール、「Lightbox Plus」を提供してくれているのは何とこのブログ環境 Serene Bach の運営をされている SerendipityNZ Ltd. さんなのでした。灯台下暗しとはこのことです。反省しなくては。
[2011.4.9 23:20 補足]
今回もすっきりとは行きませんでしたね。RYOさんのご指摘をうけて、デバグ(そんな大したことではないが)に取組みました。
先のAllAbout の記事にしたがって Lightbox Plus をダウンロードし、解凍したあと出来た resource フォルダを画像のあるディレクトリにアップし、「HTMLのhead要素内に、以下の3行をそのまま記述し」ていたのですが……。
(引用)
<link rel="stylesheet" type="text/css" href="./resource/lightbox.css" media="screen,tv">(引用閉じる)
<script type="text/javascript" charset="UTF-8" src="./resource/spica.js"></script>
<script type="text/javascript" charset="UTF-8" src="./resource/lightbox_plus.js"></script>
SerendipityNZ Ltd. さんの方をよく読むと設置方法のところに以下の記述が。
「ver 20090707 より spica.js が不要になりました。lightbox_plus.js に全ての内容が記述されています。」
つまり、2行目は必要が無いのではと気づいたのです。それでその行をhead要素から削除したところ、不具合が解消しました。
ついでにその下のカスタマイズの方も適用したら思い通りの表示が出来るようになりました。良かったと一安心です。
コメント
我が家のネット環境では表示されませんでした。
XPのfirefox4です。
画面が薄暗くなるだけですね。
ちなみに、インターネットエクスプローラー7なら問題なく別窓表示されますが、こちらは普段使わないので。w
検証してみます。´・ω・)アセアセ
Google ChromeではO.K.だったんですが。
FireFox, I.E., Sleipnir, Google Chrome, Safari5 等で確認したところ、問題無さそうです。
お騒がせしました。:-) pecori