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

890

MEGU Reply #1, 4 years, 7 months ago

Link to this post#1

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

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

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

35

zephir Reply #2, 4 years, 6 months ago

Link to this post#2

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

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

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

1,086

yama Reply #3, 4 years, 6 months ago

Link to this post#3

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

890

MEGU Reply #4, 4 years, 6 months ago

Link to this post#4

こんにちは。

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

890

MEGU Reply #5, 4 years, 6 months ago

Link to this post#5

これで動きそうかな。。

<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 コール