X_NOTE

2012年6月6日水曜日

jQueryPlugin「ColorBox」WebページやHTML、AJAX表示やインラインコンテンツにも対応

jQueryPlugin「ColorBox」WebページやHTML、AJAX表示やインラインコンテンツにも対応、5種類のデザインがある(2012/6/6現在)。

<参考URL>
http://www.css-lecture.com/log/javascript/031.html

Movable Typeの画像アップロード時にリサイズできる「UploadImageResizerプラグイン」

このプラグインをMTのpluginsフォルダに入れるだけ。
アップロード時に「アップロード画像オプション」にチェックを入れると
上記のような画面が出てくるのでアップロードする画像の大きさや
アスペクト比の保持などを設定してアプロードする。

<参考サイト>
http://www.koikikukan.com/archives/2011/11/16-005555.php

カスタムフィールドで画像のサムネール生成

カスタムフィールドで制作時に生成した
テンプレートタグを下記コードに入れる。

<MTIf tag="テンプレートタグ">
<MTテンプレートタグAsset>
<a href="<$MTAssetURL$>"><img src="<$MTAssetThumbnailURL width="130"$>" /></a>
</MTテンプレートタグAsset>
</MTIf>

※ <img src="<$MTAssetThumbnailURL width="130"$>/>を使うと横130pxのサムネイル画像のURLが出力され画像名もアップロード時のものから変わってしまう。
アップロード画像のそのままのURL表示は<img src="<$MTAssetURL$>" /> を使う。

<参考URL>
http://www.movabletype.jp/blog/custom-field_view-image.html
http://2244.jp/daily/2008/02/26/post_352/

http://www.movabletype.jp/documentation/mt5/custom-fields/

カスタムフィールドの使用方法