趣味のブログ - 最新エントリー
Lightbox+ はオリジナル Lightbox と違って、拡大画像をいきなりピクセル等倍で表示しないで、ブラウザのウィンドウサイズにオートフィットしてくれるところが非常に優れています。が、「Lightbox Plus の改良」で書いたように、マウスカーソルが分かりづらいなど操作上の使いにくさがいくつかあります。
てなわけで、今回はズームナビゲーションボックスを中心にさらに改良しました。
てなわけで、今回はズームナビゲーションボックスを中心にさらに改良しました。
「メインサイトをリニューアル」で書いたように、このサイトのデータベースは最初から UTF-8 で保存されていて、互換モジュールのプリファレンスも「使用言語」が「ja_utf8」になっています。なのに、<{$xoops_charset}> には何故か「EUC-JP」が返ってきてしまい、コンテンツも EUC-JP に変換されている…。しょうがないので、EUC-JP のテーマを使用して、HTML 出力のみ EUC-JP で運用してました。
「IE 以外のブラウザで BBcode 及びスマイリーをキャレット位置に挿入」で、Firefox, Chrome, Opera でも BBcode とスマイリーをテキストカーソル位置に挿入できるようになりました。しかし、最近イメージマネージャを使い始めて気がついたんですが、イメージマネージャで画像を選択した場合は、IE 以外のブラウザでは img コードが文末にしか挿入されないんですね
。
というわけで、今度は Firefox, Chrome, Opera でイメージマネージャの img コードをテキストカーソル位置に挿入できるようにしてみました。
。というわけで、今度は Firefox, Chrome, Opera でイメージマネージャの img コードをテキストカーソル位置に挿入できるようにしてみました。
d3blog で IMGTag D3 の imgtag を有効にする方法は、OceanBlue ユーザ掲示板の「d3blogに[imgtag]タグが効かない」にあります。が、imgtag を HTML タグに変換する部分に若干問題があることと、そのままでは Lightbox 表示に対応していません。
てなわけで、「IMGTag D3 の imgtag コードを Lightbox 対応にする方法」に書いたようなコードの修正と Lightbox 表示対応にしてみました。
てなわけで、「IMGTag D3 の imgtag コードを Lightbox 対応にする方法」に書いたようなコードの修正と Lightbox 表示対応にしてみました。
IMGTag D3 は、イメージマネージャを IMGTag D3 に統合でき、XCL なら BBcode として imgtag が使用可能になります(imgtag を使う設定にすれば)。イメージマネージャ統合を有効にしておくと、コンテンツへの画像貼り付けがとっても楽チンです。イメージマネージャで貼り付ける画像を選択するだけで BBcode に変換してくれます。
が、imgtag コードも Lightbox 表示に対応していません。ってことで、imgtag を Lightbox 表示対応にしてみました。日記の「予察灯(ライトトラップ)」は imgtag で画像を貼り付けています。サムネイル画像をクリックしてみてください。
が、imgtag コードも Lightbox 表示に対応していません。ってことで、imgtag を Lightbox 表示対応にしてみました。日記の「予察灯(ライトトラップ)」は imgtag で画像を貼り付けています。サムネイル画像をクリックしてみてください。
このサイトのアルバムは IMGTag D3 を使用していて、IMGTag D3 には画像を Lightbox で表示する機能があります。が、残念ながら IMGTag D3 モジュールの中だけで、他のモジュールから IMGTag D3 の画像を参照した場合には、Lightbox での表示はできません。
ってことで、他のモジュールからでも Lightbox 表示できるようにしてみました。ブログの「AjaXplorer のススメ」と日記の「その後のハスモンヨトウ」にあるサムネイル画像をクリックしてみてください。
ってことで、他のモジュールからでも Lightbox 表示できるようにしてみました。ブログの「AjaXplorer のススメ」と日記の「その後のハスモンヨトウ」にあるサムネイル画像をクリックしてみてください。