Movable Type で画像挿入をきれいにする「StylelessImage」
Movable Type で画像挿入をきれいにする「StylelessImage」 Movable Type4では画像挿入を使いFTPなどを使わずに画像をアップロードできるのですが、これがちょっと曲者です。 画像挿入に挿入されるHTMLソースは以下のような感じになります。 <form mt:asset-id="1" class="mt-enclosure mt-enclosure-image"> <img alt="画像挿入" src="http://blog.webcreativepark.net/img/20071023_01.jpg" width="500" height="361" class="mt-image-left" style="float: left; margin: 0 20px 20px 0;"/> </form> デフォルトですとimg要素にclassが自動的に挿
ブログ記事の画像挿入時に表示位置を指定しないプラグイン
ブログ記事の投稿で、記事内に画像ファイル等を挿入する場合、ファイルの表示位置を指定しないオプションがありません（下）。 このプラグインでは表示位置を指定しないラジオボタンを追加します。 このプラグインは、crema さんの記事を元に作成したものです。 El diario de la diseñadora viviendo en tokio：Movable Type4で画像挿入するときの位置設定とか。 が、やや先に Junnama さんがよりリッチなプラグインを投稿されていました。 Junnama Online (Mirror)：MT4で画像挿入の際にclassやstyleが付くのが嫌! なあなたに。 私の作成したプラグインは簡素なので、style 属性が設定されなくなるだけです。class 属性の設定は残ります。 １．プラグインのダウンロード 下記のリンクより、プラグイン InsertAs
MT4で画像挿入の際にclassやstyleが付くのが嫌! なあなたに。 | Junnama Online
MT4で画像挿入の際にclassやstyleが付くのが嫌! なあなたに。 公開日 : 2007-10-19 17:02:41 「<div><br /></div>」が入るのはFirefoxの挙動みたいというか全体的にWYSIWYGの挙動はブラウザによって違うので色々試せたわけじゃないので気づいたことがあれば教えてください。Mac Firefoxでしか確認してない(Safariでも確認したけどそもそもSafariだとWYSIWYG で画像貼れないし)。 画像貼るのにも色んなパターンがあるみたいで(画像アップ→新規エントリーを作成とか、エントリーの編集画面から画像挿入とか)、ケースによってクリーンアップするタイミングが少し違うので、WYSIWYGで見た時に何か影響が出るのではないかとかその辺は分かりません(笑)。 あと、元々美しくないものに対してごにょごにょしてるし、こいつ自身美しくないので先
小粋空間: Litebox 1.0 をブログに適用する
Lightbox JS v2.0 の後継版、Litebox が出ていました。ということで v2.0 はエントリーし損ないましたが、今回は Litebox をブログに適用するカスタマイズを紹介します。 Lightbox の時代からそうなのですが、このツールは画像を表示するページのパスが変化した場合のケースまで考慮されていません。つまりブログではインデックスページや各アーカイブページのパスがそれぞれ異なることため、提供されているファイルに対し、各ページから同様の振る舞いをさせるための修正が必要になります。 下記に修正を施したサンプルを作りました。トップページと、そこからリンクされている記事ページでも動作するようになっています。 Litebox のブログ適用サンプル サンプルでは Movable Type を利用していますが、他のブログでもカスタマイズのタグ部分を適宜読み替えて頂ければ適用可能と
小粋空間: Highslide JS でサムネイル画像を拡大表示する
サムネイル画像をクールに拡大表示する Highslide JS を利用する方法を紹介します。内容は Movable Type をサンプルにしていますが、他のブログ等でも応用できると思います。 WordPress ではプラグイン WPJ-Highslide 0.2 が利用できるみたいです。 とりあえず下記のサンプル画像をクリックしてください。拡大表示された画像の上でクリックすると元に戻ります。 拡大ツールでは、当サイトでも紹介している Lightbox JS が有名ですが、この Highslide JS は下記の特徴があります。 拡大画像の下にキャプション（タイトル）の挿入が可能 ウィンドウサイズに収まるように拡大（右下のアイコンをクリックすると 100% 表示） 拡大画像のドラッグが可能 以下、カスタマイズ方法です。ここではダウンロード時のバージョン 2.2.74.0.6 で話を進めます。
Litebox 1.0を利用して画像をカッコよく表示させる ブームラボ
2007年06月02日に投稿されたMovableType「Litebox 1.0を利用して画像をカッコよく表示させる」のページです。 ひとつ前の投稿は「「ドコモ2.0」の意味がイマイチ伝わってこない」です。 次の投稿は「MovableTypeのトラックバックスパムを回避する」です。 他にも多くのエントリーがあります。メインページやアーカイブページも見てください。 ちょっと前からこのブログでも利用させてもらってますが、画像の表示に「Litebox 1.0」というJavaScriptを利用しています。「Litebox 1.0」を利用すると同一ウインドウ内に画像をフェード効果で表示させることができます。Movabletypeで適用する方法を紹介していきます。 まずLiteboxをダウンロードします。 このブログではダウンロードしたファイルを解凍した後、css、images、jsのフォルダをその
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
