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

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

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


ちなみに以前投稿した手数の掛かる方法は記事はこちらです。
画像 (象) の上にマウスカーソルを移動すると写真が拡大されます。

» エキサイトブログ (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 風な画像拡大表示であり、拡大画像を連続して見ることができないのがイタイところですね。


↑ このページの先頭へ戻る

関連しているかもしれない投稿

Posted on May 2, 2011  and last modified on May 11, 2011.


Trackback URL

Leave a Reply

:zou: :wa-i: :up: :thumb-up: :sake: :run: :reply: :quotation: :poripori: :peace: :pa-n: :nikoniko: :namida: :mu-n: :hoxtu: :hare: :hakushu: :ga-n: :frog: :eat: :down: :cat: :camera: :beer: :ase: :angry: :aisatsu: ::-D: ::(: :8O: