ブログ カレンダー

« « 2018 10月 » »
30 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 1 2 3

カテゴリ一覧

アーカイブ

最新のエントリ

最新のコメント

最新のトラックバック

趣味のブログ - 最新エントリー

Lightbox Plus の改良その2

カテゴリ : 
Ajax
執筆 : 
OhYeah! 2010.09.19 16:23
 Lightbox+ はオリジナル Lightbox と違って、拡大画像をいきなりピクセル等倍で表示しないで、ブラウザのウィンドウサイズにオートフィットしてくれるところが非常に優れています。が、「Lightbox Plus の改良」で書いたように、マウスカーソルが分かりづらいなど操作上の使いにくさがいくつかあります。
 てなわけで、今回はズームナビゲーションボックスを中心にさらに改良しました。

...続きを読む

Lightbox Plus の改良

カテゴリ : 
Ajax
執筆 : 
OhYeah! 2010.09.16 22:16
 Lightbox+ は非常に気に入りましたが、どうもマウスカーソルが分かりづらい、拡大表示時に常にスクロールホイールが拡大/縮小になってしまうのがあまり好みではないってことで、自分好みに改良しました。

...続きを読む

 「メインサイトをリニューアル」で書いたように、このサイトのデータベースは最初から UTF-8 で保存されていて、互換モジュールのプリファレンスも「使用言語」が「ja_utf8」になっています。なのに、<{$xoops_charset}> には何故か「EUC-JP」が返ってきてしまい、コンテンツも EUC-JP に変換されている…。しょうがないので、EUC-JP のテーマを使用して、HTML 出力のみ EUC-JP で運用してました。

...続きを読む

Lightbox Plus っていいですね

カテゴリ : 
Ajax
執筆 : 
OhYeah! 2010.09.12 14:18
 画像のオーバーレイ表示でよく使われる Lightbox ですが、ブラウザウィンドウのクライアントエリアより画像が大きくてもオートフィッティングしてくれないのがやや難です。Highslide はウィンドウサイズに合わせて大画像をオートフィッティングしてくれますが、Highslide で表示させる HTML を書くのはとっても面倒
 Lightbox の簡単さと Highslide のオートフィッティング機能を併せ持つものがないかと探していたら、Lightbox+ なんてものがありました。

...続きを読む

 「IE 以外のブラウザで BBcode 及びスマイリーをキャレット位置に挿入」で、Firefox, Chrome, Opera でも BBcode とスマイリーをテキストカーソル位置に挿入できるようになりました。しかし、最近イメージマネージャを使い始めて気がついたんですが、イメージマネージャで画像を選択した場合は、IE 以外のブラウザでは img コードが文末にしか挿入されないんですね
 というわけで、今度は Firefox, Chrome, Opera でイメージマネージャの img コードをテキストカーソル位置に挿入できるようにしてみました。

...続きを読む

 IMGTag D3 のイメージマネージャ統合を利用すると、イメージマネージャから簡単に imgtag コードを挿入することができます。が、せっかく画像にタイトルを設定しているにもかかわらず、title 属性を自動的に設定してくれません。
 てなわけで、imgtag コードの title 属性を自動設定するようにしてみました。

...続きを読む

 d3blog で IMGTag D3 の imgtag を有効にする方法は、OceanBlue ユーザ掲示板の「d3blogに[imgtag]タグが効かない」にあります。が、imgtag を HTML タグに変換する部分に若干問題があることと、そのままでは Lightbox 表示に対応していません。
 てなわけで、「IMGTag D3 の imgtag コードを Lightbox 対応にする方法」に書いたようなコードの修正と Lightbox 表示対応にしてみました。

...続きを読む

 IMGTag D3 は、イメージマネージャを IMGTag D3 に統合でき、XCL なら BBcode として imgtag が使用可能になります(imgtag を使う設定にすれば)。イメージマネージャ統合を有効にしておくと、コンテンツへの画像貼り付けがとっても楽チンです。イメージマネージャで貼り付ける画像を選択するだけで BBcode に変換してくれます。
 が、imgtag コードも Lightbox 表示に対応していません。ってことで、imgtag を Lightbox 表示対応にしてみました。日記の「予察灯(ライトトラップ)」は imgtag で画像を貼り付けています。サムネイル画像をクリックしてみてください。

...続きを読む

 このサイトのアルバムは IMGTag D3 を使用していて、IMGTag D3 には画像を Lightbox で表示する機能があります。が、残念ながら IMGTag D3 モジュールの中だけで、他のモジュールから IMGTag D3 の画像を参照した場合には、Lightbox での表示はできません。
 ってことで、他のモジュールからでも Lightbox 表示できるようにしてみました。ブログの「AjaXplorer のススメ」と日記の「その後のハスモンヨトウ」にあるサムネイル画像をクリックしてみてください。

...続きを読む

IMGTag D3 のカスタマイズ「最近の画像」

カテゴリ : 
XOOPS
執筆 : 
OhYeah! 2010.09.04 16:33
 トップページの新着情報は、全て表示フォーマットをそろえたいってことで、今回は IMGTag D3 の「最近の画像」ブロックのカスタマイズです。もちろん、カテゴリジャンプ機能も実装します。

...続きを読む