画像をかっこよく表示してくれる Lightbox2設置方法

  1. ダウンロード&アップロード
  2. テンプレートのヘッダを編集

    <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>

    赤字は要修正

  3. 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">

    赤字は要修正


ブログ記事の作成画面より、「確認」ボタンを押した後の確認画面が「404 Not Found」になる現象。

FTP でサーバのファイル一覧を覗くと、プレビュー用のファイルはきちんと作成されていた。
原因はプレビュー画面での「iframe」でのパスが間違っており、試しにプレビュー用のファイルへのパスへアクセスすると、きちんと確認画面が表示された。


下記のソースを<head>~</head>内に挿入することで、IE6 以下などのブラウザでも IE7 などのWeb標準に準拠(ある程度)した表示をさせてくれる、すばらしいライブラリ。
(IE7と同じような xhtml/css の解釈をしてくれる)

<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/xx.x/IE7.js" type="text/javascript"></script>
<![endif]-->

※赤字の部分を現在のバージョン「2.0(beta)」に変更(2008/1/12現在)
バージョンでわかる通り、今のところ ベータ


< 前  67891011|12|131415  次 >

モバイルサイト

携帯電話でこのQRコードを読み取ると、携帯サイトへアクセスできます。

リンク

婚活イベント・婚活パーティー
婚活や仲間づくりのきっかけになるイベントコミュニティ。パーティ・イベントの様子はこちら
船橋のケーキ・スイーツ店
おいしいケーキを皆様に。船橋のスイーツ店「パティスリーパレ」
船橋のタイ料理レストラン
アユタヤ(AYUTHAYA)はタイセレクト認定の本場タイ料理レストランです
青色申告ソフト
青色申告・白色申告に対応したソフト「みんなの青色申告」のご紹介。初心者の方にもやさしく、無料体験版のダウンロードもできます。
船橋の美容室・美容院
「自然・癒し・まったり」の路地裏空間美容院ぶんぶんは自然のものを使ったヘアースタイルをご提供します。
絵画販売
藤代範雄の掛け軸・グラフィックアートを取り扱い中!MarbleShopは絵画に特化した商品をお届けいたします。
冷凍ピザを宅配できる船橋のピザ屋さん
船橋のピザ屋さんコンパーレ・コマーレでは、もっちりナポリピザを冷凍ピザにして宅配できます。宴会・貸切もOK
オーダースーツARMADIO
ARMADIOでは「貴方の想いを形にするお手伝い」という気持ちをもって『見た目のカッコ良さだけでなく、着心地の良さを重視したオーダースーツ』をご提供しております。