画像に自動でドロップシャドウをつける方法は無いでしょうか？

こんにちわ。
こちらのフォーラムや日本語の各サイトのおかげで、なんとか形になってきました！

さて、質問ですが画像に自動で影を付ける方法としてKBshadowsというスニペットを見つけました。
便利でいい感じなのですが、以下を解決できないでしょうか？
1.画像ファイルをURLで指定しないといけない
2.アップロードを別途しなければいけない
3.編集画面では画像が見えない（WYSIWYGじゃなくなる）
4.URLで指定するにしても、イメージの場所の標準がassets/snippets/KBshadows/images/source/という深い場所になっていて毎回修正するのが面倒

なにか、良い方法があれば教えてください。

http://youmos.com/news/shadedborder
http://allabout.co.jp/internet/javascript/closeup/CU20080325A/
こういうアプローチはどうでしょう。

こんばんわ。返信遅くなりました。

なるほど、そういう方法もあるのですね。
余分なファイルが増えなくてよさそうです。

紹介していただいたリンクのサンプルではボタンのクリックで影がつくようになっていますが、単純に
<div class="shadow">
<imgほにゃらら>
</div>
として、div内のimgすべてに影を適応するにはどうしたらいいでしょうか？

MODxの質問ではなくてjavascriptの質問になってしまいますが・・・よろしくお願いします。

http://coliss.com/articles/build-websites/operation/javascript/548.html
http://f32.aaa.livedoor.jp/~azusa/exp3.php?f=include/ajax/roundcorner/shadedborder.inc
こちらのサンプルが参考になるかも。2番目のサイトのサンプルにあるように、render文を書くのは</body>タグの直前がいいと思います。

ありがとうございます。
助かりました！