Quantcast
Channel: Beach Resort Photoclip » Exblog
Viewing all articles
Browse latest Browse all 10

エキサイトブログ(Exblog)でLightbox風の画像拡大

$
0
0

以前、エキサイトブログ (Exblog) でページ遷移させずに画像を拡大 (写真を拡大) する方法をご紹介しましたが、もっと簡単な方法がありましたのでその手順を載せておきます。

「右クリックを禁止するブログパーツ」で画像を拡大

「右クリックを禁止するブログパーツ」で画像を拡大

ちなみに以前投稿した手数の掛かる方法 :ase: は記事はこちらです。

» エキサイトブログ (Exblog) のプチカスタマイズ #5


公式ブログパーツ「右クリックを禁止するブログパーツ」で投稿内の画像を拡大させる手順

Demo

以下、拡大画像は連続して見ることができます。
画像上の右半分にマウスカーソルを移動し左クリックして下さい。

  1. [ メニュー管理 ] → [ ブログパーツの管理はこちら ] をクリック

  2. [ ブログパーツ一覧 ] をクリック

  3. 「対応ブログパーツ一覧」のなかにある [ 右クリック禁止ブログパーツ ] をクリック

  4. エキサイトブログ向上委員会 : <10/1追記あり>右クリックを禁止するブログパーツをリリース」 の記事内中段にあるソースを左クリックしながら選択してコピー


    いちおう同じソースをここにも載せておきます。

    <script type="text/javascript" src="http://md.exblog.jp/js/rclick.js"></script>
    <ul>
    <li>このブログに掲載されている写真・画像・イラストを無断で使用することを禁じます。</li>
    </ul>
  5. ブログパーツ管理のページに戻って手順 4. でコピーしたソースをテキストボックス内にペースト (貼り付け) して [ 登録 ] ボタンを押したのち、[ 保存 ]

    これでブログパーツの設置は完了しました。


投稿する際、画像を元画像よりも小さく表示させたい場合は画像サイズを指定しているタグ内にあるサイズ指定の数値を小さくすれば縮小されて表示されます。

注) 元画像をそのまま縮小表示させるためファイルサイズの大きな画像だと表示されるまでに時間が掛かることがあります。

あくまでも Lightbox 風な画像拡大表示であり、拡大画像を連続して見ることができないのがイタイところですね。


Viewing all articles
Browse latest Browse all 10

Latest Images

Trending Articles





Latest Images