ロックフィッシュに燃えた！！

（テスト中）↑クリックしてみて


やっと問題解決出来たので、UPです。
CLOSEボタンの動作が不安定な様な気もしますが、まっ　OKでしょ！


実際、設置してみるとそんなに難しくないので、少しでも参考になれば



① Slimbox本体をダウンロード　こちらから


②ナチュログ以外のサーバへアップロードします。
　今回は、以前にも使ったＦＣ２さんのファイルサーバを利用しています。
　

③ナチュログ　テンプレートのトップページ・個別記事・アーカイブの中にスクリプトを足します。
　各それぞれ上から15行目くらいに<style>div.c3_social_button:after{content:'';clear:both;display:block;} li.c3_social_button:nth-child(2n+1) {clear: both;margin-right:5px;max-width:130px;margin-bottom: 0em;} li.c3_social_button{margin-right:5px;max-width:130px;margin-bottom: 0em;}</style> <link rel="canonical" href="https://rkm.naturum.ne.jp/e690738.html"> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-61952917-2', 'auto'); ga('send', 'pageview'); </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-03C70RQTFC"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-03C70RQTFC'); </script></head>というタグがあると思いますが、そのタグの上に以下のスクリプトを追加します。

　FC2の場合は
　<script type="text/javascript" src="http://XXXXX.fc2.com/slimbox/js/mootools.js"><br /> </script><script type="text/javascript" src="http://XXXXX.fc2.com/slimbox/js/slimbox.js"><br /> </script><link rel="stylesheet" href="http://XXXXX.fc2.com/slimbox/css/slimbox.css" type="text/css" />

XXXXXの場所は、ご自分のホスト名に変更して記述して下さい。

　これで、準備はOKです。



④画像のUPについて
　<a href="リンク先の画像URL" title="文字" rel="lightbox"><img src="元の画像URL"></a>

これで動作すると思いますが、必ずリカバリ出来るようコピーなりバックアップを取ることをオススメします。