flower border

ケダマブログ

ゲームで写真を撮るのが趣味な人が書いているブログです

クリックで画像が大きく見れるようになりました!(colorboxの設置)

Categoryブログの改良メモ

このページでは、株式会社スクウェア・エニックスが権利を所有する画像を利用しております。当該画像の転載・配布は禁止いたします。
Copyright (C) 2010 - 2017 SQUARE ENIX CO., LTD. All Rights Reserved.



せっかくグループポーズが進化してキレイな写真が撮れるようになったので、

ブログを少し改造してクリックしたときに大きい画像が別ページに飛ばなくても見れるようにしました!(^^)/

PC版のみです!


今日より前の記事は対応していませんが…これからお楽しみください~♪

(がんばればできるみたいですが……がんばらないことにしました!^^;)


以下、私も色々なサイト様を拝見してここまで来れたので、

もしかしたら役に立つことがあるかもしれないと思って色々書いておきます!

一番下にサンプル画像があります。


では~♪






拝見させていただいたサイト様


http://vanillaice000.blog.fc2.com/blog-entry-165.html


http://rikuntyudady.blog101.fc2.com/blog-entry-445.html


http://interest2014.blog.fc2.com/blog-entry-5.html



お三方の方法をミックスさせてつかわせていただきましたm(__)mありがとうございました!


最後の最後でどうしても「できない~できない~~><」と困っていましたが、

元からある jquery の記述削除で解決しました!



実際に記事を書くときは、メモ帳の置き換え機能を使って置き換えを行います


検索する文字列 → .jpg"> ←半角に書き換えてください。


置換後の文字列 → _thumb.jpg"  class="open"> ←半角に書き換えてください。



すみません!書いた後に上手くいっていない箇所があることに気づいて試したところ、
元のサイズで記事に載せたとき→上記の方法、
元のサイズより小さくして載せたとき→_thumbを付けない と上手くいきました!ご参考までに~><


スライドショーの設定も試しましたが、テンプレートの仕様のためか

トータルの数がどんどん増えてしまうため断念しました。


参考サイト様

http://ucdundo.blog.fc2.com/blog-entry-394.html



作業環境


記事作成には windows live writer を使用


FC2ブログ テンプレート名「Message」(Akira様


作業日:2017年1月22日




サンプル画像

(ファイナルファンタジー14で撮れる写真です)


Mikeke Keke 2017_01_21 01_08_42



Mikeke Keke 2017_01_22 00_47_28



Mikeke Keke 2017_01_21 22_09_42



では!(^^)/



web拍手 by FC2