MT4 への Lightbox2 設定方法
画像をかっこよく表示してくれる Lightbox2設置方法
- ダウンロード＆アップロード
- テンプレートのヘッダを編集
<link rel="stylesheet" href="<$MTBlogURL$>/lightbox.cssへのパス" type="text/css" media="screen" /><script type="text/javascript" src="<$MTBlogURL$>/prototype.jsへのパス"></script> <script type="text/javascript" src="<$MTBlogURL$>/scriptaculous.jsへのパス?load=effects"></script> <script type="text/javascript" src="<$MTBlogURL$>/lightbox.jsへのパス"></script>※ 赤字は要修正
- lightbox.js を修正
line 65,204の loading.gif の設置場所を指定
line 66,217の closelabel.gifの設置場所を指定
65行目：var fileLoadingImage = "http://ブログのURL/lightboxディレクトリへのパス/images/loading.gif"; 66行目：var fileBottomNavCloseImage = "http://ブログのURL/lightboxディレクトリへのパス/images/closelabel.gif"; 204行目：<img src="http://ブログのURL/lightboxディレクトリへのパス/images/loading.gif"> 217行目：<img src="http://ブログのURL/lightboxディレクトリへのパス/images/close.gif">※ 赤字は要修正
ブログ投稿時の「rel="lightbox"」を自動で挿入させる改造（for MT4）
/public_html/(MTのディレクトリ)/lib/MT/Asset/Image.pm を改造
line 246,247 辺り
# '<a href="%s"><img alt="%s" src="%s" %s %s /></a>',
'<a href="%s" rel="lightbox"><img alt="%s" src="%s" %s %s /></a>',line 263 辺り
# '<img alt="%s" src="%s" %s %s/>',
'<a href="%s" rel="lightbox"><img alt="%s" src="%s" %s %s /></a>',以上
- 「MT4 への Lightbox2 設定方法」に関連するエントリー
トラックバック(3)
このブログ記事を参照しているブログ一覧: MT4 への Lightbox2 設定方法
このブログ記事に対するトラックバックURL:
» MTでlightboxを使っちゃうよ～。(SevenStyleWeb | blog)~のトラックバック
仕事の関係で、MT4のリッチテキスト入力の際に出てくる画像に対して、lightb... 続きを読む
» MT４でLightbox2.0を使おう。(ぐぐれ。)~のトラックバック
以前のMTのバージョンで利用していたLightboxがMT４になって、設定面で細... 続きを読む
» Lightbox2をMTでつかう(Tokyo - bg)~のトラックバック
このブログにも実装したイメージをかっこ良く見せるjsですが、MT4での 設置方法が若干めんどうだと感じたので、メモしておきます。 jsのダウンロードはコチ... 続きを読む
モバイルサイト
コメントする