すっきり??

先月末の話なのですが、デスクトップPCが壊れて以来メインで使っているモバイルPCの Mini9 でDドライブとして使用していた16GBのSDHCカードがある日まっさらにフォーマットされてしまっていました。そのような操作をした記憶などなかったのですが。

バックアップなんて取っていなかった(汗)ので、気づいたときには後の祭り……。消えたのはデータ類で、カメラ画像のバックアップのつもりで保存しておいたファイルの方が無くなったり、ダウンロードしておいた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要素から削除したところ、不具合が解消しました。

ついでにその下のカスタマイズの方も適用したら思い通りの表示が出来るようになりました。良かったと一安心です。
 
サイト構築関係 | comments (5) | trackbacks (0)

コメント

別窓を開かずに、その場で拡大画像を表示!
我が家のネット環境では表示されませんでした。
XPのfirefox4です。
画面が薄暗くなるだけですね。

ちなみに、インターネットエクスプローラー7なら問題なく別窓表示されますが、こちらは普段使わないので。w
RYO | 2011/04/09 01:24 AM
あれっ、そうでしたか?
検証してみます。´・ω・)アセアセ
Google ChromeではO.K.だったんですが。
Kuni | 2011/04/09 01:45 AM
対策、というか要らないスクリプトを削除したら直りました。ふぅ~(深い溜息)
Kuni | 2011/04/09 10:11 AM
我が家の環境でも問題なく表示されるようになりましたよ。(笑)
RYO | 2011/04/09 08:50 PM
RYOさん、お蔭様で何とか解決できました。

FireFox, I.E., Sleipnir, Google Chrome, Safari5 等で確認したところ、問題無さそうです。

お騒がせしました。:-) pecori
Kuni | 2011/04/09 10:30 PM

コメントを投稿

トラックバックURL

http://tnx.pecori.jp/sb.cgi/354

トラックバック

カレンダー
ツイッター
ダイエットクラブ
プロフィール
カウンター
  • Counter
カテゴリー
最近の記事
最近のコメント
最近のトラックバック
過去の記事
その他
Google

web検索 blog内検索