プラグイン：directResize 0.5（簡単に画像のサムネイルを作成・lightbox 対応）

892 Posts

MEGU Reply #1, 16 years, 6 months ago

自分で、試したり、ドキュメントを読んで、自分なりに理解したことを解説してみました。
間違いも多くあるかも知れません。どうぞ、ご指摘下さい。
また、書いてある内容を試す場合は、自己責任でお願い致します。

概要：
directResize は、ドキュメントの中で指定した画像のサイズ(width / height)でサムネイルを作成します。
サムネイルの作成先は、assets/images フォルダ以下の任意の場所を指定できます。
WEB上で、サムネイルをクリックしたときの動作を lightbox に指定することも可能です。
リッチテキストエディタ、および、プレーンテキストエディタで利用可能です。

詳細
詳細・サンプル　http://www.liolion.info/modx/resource/directResize.html

35 Posts

zephir Reply #2, 16 years, 5 months ago

こんちは。
なかなか良さげなプラグインのご紹介ありがとうございます。

大きめの画像を沢山使う予定があり、早速導入してみたのですがどうもAjaxsearchと相性が悪いようでエラーが出ます。
ajax検索をOFFにすれば何ともないのですが。
似たようなjsを使ってるのが原因だろうなぁとは思いますが修正法分かる方いらっしゃいましたらアドバイス願います。

ちなみに最新版はバージョン0.8みたいですね。
英語という障壁に遮られて私には理解不能ですが^^;
http://modxcms.com/forums/index.php/topic,19236

☆ A M B ☆
1,231 Posts

yama Reply #3, 16 years, 5 months ago

thickboxやgreyboxなどの互換ライブラリを使うように改造できそうな気もします。
この種のライブラリはたいていどれも同じような実装ですし。

892 Posts

MEGU Reply #4, 16 years, 5 months ago

こんにちは。

MODx096 のAjaxsearch は、mootools.js を使ってると思うので、
それと、lightbox が使う、prototype.js/scriptaculous.js　が衝突して
うまくいかないのだとしたら、mootools.jsを使う、slimbox にしてみては、
どうでしょうか。

892 Posts

MEGU Reply #5, 16 years, 5 months ago

これで動きそうかな。。

<head>～</head>に挿入

<script type="text/javascript">var MODX_MEDIA_PATH = "media";</script>
<script type="text/javascript" src="manager/media/script/mootools/mootools.js"></script>
<script type="text/javascript" src="assets/js/slimbox_ex/scripts/slimbox_ex.js"></script>
<link rel="stylesheet" href="assets/js/slimbox_ex/styles/slimbox_ex.css" type="text/css" media="screen" />

※パスは環境に合わせて

AjaxSearch コール

[[AjaxSearch? &addJscript=`0`]]

※ドキュメントはノンキャッシュ

slimbox_ex
http://homepage.mac.com/yukikun/software/slimbox_ex/

35 Posts

zephir Reply #6, 16 years, 5 months ago

こんばんは。MEGUさん、アドバイスありがとうございます。
slimboxでエラーは出なくなりました^^