FC2ブログ

東国の古代史

Top Page › PCソフトウェア › クリックポップアップで拡大表示《FC2ブログ》
2019-03-22 (Fri)  18:49

クリックポップアップで拡大表示《FC2ブログ》

FC2ブログに移行してイメージのクリックポップアップ機能が無いことに驚いたが、本稿最後に転載した対応で実現できることが分かった。
しかし、この方法はFC2の記事作成機能で作った記事そのままでは動作しない。記事作成中のイメージ挿入時に後述する《対応方法》第3項の設定が必要になるからです。イメージは別画面(別タグ)で開かれるように自動的にhtmlが記載されてしまうので修正が必要になります。簡単なんですが、html修正に拒否感のある方は無理かも知れない。この方法以外にも、やり方は幾つかあるのですが、記事html文の修正が全く必要ない方法は見つからない。
今回はFC2で試しましたが、ライブドアもFC2と似た仕様なので、たぶん同じ対応で動作すると思います。

因みに従来の仕様と変更後の操作性の違いが分かるよう、FC2側にテスト記事が作ってありますので参照してください。イメージ画像のどこをクリック操作しても画面遷移するので操作は楽です。描画位置なども簡単に修正が可能。



《対応方法
1.管理画面の環境設定からテンプレートの設定→[編集]→HTMLの編集を開きます。

2.開いたら上の方にある</head><body>を探します。見つからない時は「Ctrl+F」を使って検索すると探しやすいと思います。
見つかったら</head>のすぐ上に以下のソースをコピーして張り付けます。

<script language="JavaScript">
<!--
function popupImage(filepath, width, height){
var y = 0;
var x = 0;
if (!popupImage.imgNode) {
if (document.all) {
y = document.body.scrollTop + 32;
x = document.body.scrollLeft + 32;
popupImage.imgNode = document.createElement('img');
popupImage.imgNode.attachEvent('onclick', closeImage);

} else if (document.implementation) {
y = window.pageYOffset + 32;
x = window.pageXOffset + 32;
popupImage.imgNode = document.createElement('img');
popupImage.imgNode.addEventListener('click' ,closeImage , true);

} else {
return;
}
}

with(popupImage){
imgNode.setAttribute('src', filepath );
if (width && height) {
imgNode.setAttribute('width', width );
imgNode.setAttribute('height', height );
}
imgNode.style.position = 'absolute';
imgNode.style.left = '32px';
imgNode.style.top = y + 'px';
imgNode.style.borderColor = '#0099FF';
imgNode.style.borderWidth = '2px';
imgNode.style.borderStyle = 'solid';
imgNode.style.margin = '0';
document.body.appendChild(imgNode);
}

function closeImage(){
if (popupImage.imgNode) {
document.body.removeChild(popupImage.imgNode);
delete popupImage.imgNode;
}
}
}
// -->
</script>
張り付けたら「更新」をクリックします。

3.次に記事を作る画面で画像を作る時に、
<img src="画像のアドレス" width="横幅" height="縦幅" onclick="popupImage('画像のアドレス')" />
と記入します。2つの画像のアドレスは同じ物です。
横幅・縦幅は小さい時(最初の状態)に表示したいサイズです。


※操作方法は以下のサイトからの転載です。




コメント(10)
 
形名さんらしく、かなり専門的ですね。
僕も、Yahoo!ブログ終了後はFC2で、
新たにブログを始めようかな。と思って
いるので、色々と参考にさせて頂きます
ね。
宜しくお願いします。  削除

[ もりさわしずか ] 2019/3/22(金) 午後 7:17 返信する
 
> もりさわしずかさん、こんばんは。
私はyahooブログはカスタマイズ性のないブログで不満でしたが、他のブログをいじってみてyahoo仕様の良いところが初めて分かりました。FC2に対する疑問等に関しては情報交換しましょう。私に分かることなら言ってもらえれば情報提供しますよ。  削除

形名 2019/3/22(金) 午後 7:41 返信する
 顔アイコン
( ^-^)ノ(* ^-^)ノこんばんわぁ♪

本格的な作業を考えて作ってと凄いですね。
htmlはどうも苦手で(;^ω^)  削除

おじゃる2 2019/3/22(金) 午後 7:43 返信する
 
> おじゃる2さん、こんばんは。
ネット検索すると、この手の記事はたくさんあるので、おじャさんなら難なく対応できますよ。この対応も10分くらいで動作確認できました。Yahooから移行した記事でも、修正箇所を探し出すのが面倒ですが、イメージ描画部分を書き換えれば対応は可能です。ただ、やるならば、新規作成の記事から対応したほうがミスが少ないと思います。  削除

形名 2019/3/22(金) 午後 7:53 返信する
 顔アイコン
私もライブドアブログを開設して見たり、ヤフーブログからFC2へブログの引っ越し作業やって見たり始めました。

コミュニティーがとり難いようですが操作のしやすさでライブドアブログへ移行しようかなと思っています。  削除

kan*a_*4* 2019/3/22(金) 午後 7:55 返信する
 
> kan*a_*4*さん、こんばんは。
私もyahooの移行ツールが完成したら、ライブドアでも運用したいと思ってます。管理操作でいうと、ややライブドアのほうがわかりやすいですが、fc2とライブドアは機能が似ています。
ところで、kannaさんは、読みたい記事を探すとき、yahoo内の他者記事検索機能を使っていますか?ライブドアにはこの機能がないようなので、それだけが痛いです。使用していなければ全く問題なしですね。確かにコミュニティ機能が弱いのもライブドアの欠点かもしれませんが、他のブログも大差ないようですよ。  削除

形名 2019/3/22(金) 午後 8:05 返信する
 顔アイコン
形名さん おばんです。
yahooブログでも記事検索を設置して使用していました。
ライブドアのブログパーツの中に「記事検索」のパーツがありそれで自分のブログない記事が検索できるようです。  削除

kan*a_*4* 2019/3/22(金) 午後 8:23 返信する
 
> kan*a_*4*さん
はい、自分や特定の人のブログ内の検索はできるのですが、同じブログに所属する全者の記事検索できないのです。「livedoor検索」というパーツがありますが、芸能ニュースの検索サイトにつながります。今のyahooのマイページにある検索窓に相当するやつが無いのです。でも使ってなかったのなら問題ないですよ。  削除

形名 2019/3/22(金) 午後 8:33 返信する
 顔アイコン
あぁ...そうなんですよねぇ。

そういう意味でも「コミュニティーがとり難いようですが」・・・という事なのです。  削除

kan*a_*4* 2019/3/22(金) 午後 9:56 返信する
 
> kan*a_*4*さん
ブログシステムの開発は、こういうジャンルを得意とする開発会社が受注してると思います。たいていは、ベースはすでにあり、それをカスタマイズして納入しているパターンが多い。yahooシステムを開発した企業が担当したブログが何処かにあればいいのですがね。  削除

形名 2019/3/23(土) 午後 3:28 返信する
関連記事
スポンサーサイト



No title * by もりさわしずか
形名さんらしく、かなり専門的ですね。
僕も、Yahoo!ブログ終了後はFC2で、
新たにブログを始めようかな。と思って
いるので、色々と参考にさせて頂きます
ね。
宜しくお願いします。

No title * by 形名
> もりさわしずかさん、こんばんは。
私はyahooブログはカスタマイズ性のないブログで不満でしたが、他のブログをいじってみてyahoo仕様の良いところが初めて分かりました。FC2に対する疑問等に関しては情報交換しましょう。私に分かることなら言ってもらえれば情報提供しますよ。

No title * by おじゃる2
( ^-^)ノ(* ^-^)ノこんばんわぁ♪

本格的な作業を考えて作ってと凄いですね。
htmlはどうも苦手で(;^ω^)

No title * by 形名
> おじゃる2さん、こんばんは。
ネット検索すると、この手の記事はたくさんあるので、おじャさんなら難なく対応できますよ。この対応も10分くらいで動作確認できました。Yahooから移行した記事でも、修正箇所を探し出すのが面倒ですが、イメージ描画部分を書き換えれば対応は可能です。ただ、やるならば、新規作成の記事から対応したほうがミスが少ないと思います。

No title * by kan*a_*4*
私もライブドアブログを開設して見たり、ヤフーブログからFC2へブログの引っ越し作業やって見たり始めました。

コミュニティーがとり難いようですが操作のしやすさでライブドアブログへ移行しようかなと思っています。

No title * by 形名
> kan*a_*4*さん、こんばんは。
私もyahooの移行ツールが完成したら、ライブドアでも運用したいと思ってます。管理操作でいうと、ややライブドアのほうがわかりやすいですが、fc2とライブドアは機能が似ています。
ところで、kannaさんは、読みたい記事を探すとき、yahoo内の他者記事検索機能を使っていますか?ライブドアにはこの機能がないようなので、それだけが痛いです。使用していなければ全く問題なしですね。確かにコミュニティ機能が弱いのもライブドアの欠点かもしれませんが、他のブログも大差ないようですよ。

No title * by kan*a_*4*
形名さん おばんです。
yahooブログでも記事検索を設置して使用していました。
ライブドアのブログパーツの中に「記事検索」のパーツがありそれで自分のブログない記事が検索できるようです。

No title * by 形名
> kan*a_*4*さん
はい、自分や特定の人のブログ内の検索はできるのですが、同じブログに所属する全者の記事検索できないのです。「livedoor検索」というパーツがありますが、芸能ニュースの検索サイトにつながります。今のyahooのマイページにある検索窓に相当するやつが無いのです。でも使ってなかったのなら問題ないですよ。

No title * by kan*a_*4*
あぁ...そうなんですよねぇ。

そういう意味でも「コミュニティーがとり難いようですが」・・・という事なのです。

No title * by 形名
> kan*a_*4*さん
ブログシステムの開発は、こういうジャンルを得意とする開発会社が受注してると思います。たいていは、ベースはすでにあり、それをカスタマイズして納入しているパターンが多い。yahooシステムを開発した企業が担当したブログが何処かにあればいいのですがね。

Comment-close▲

Comment







管理者にだけ表示を許可

No title

形名さんらしく、かなり専門的ですね。
僕も、Yahoo!ブログ終了後はFC2で、
新たにブログを始めようかな。と思って
いるので、色々と参考にさせて頂きます
ね。
宜しくお願いします。
2019-03-22-19:17 * もりさわしずか [ 編集 * 投稿 ]

No title

> もりさわしずかさん、こんばんは。
私はyahooブログはカスタマイズ性のないブログで不満でしたが、他のブログをいじってみてyahoo仕様の良いところが初めて分かりました。FC2に対する疑問等に関しては情報交換しましょう。私に分かることなら言ってもらえれば情報提供しますよ。
2019-03-22-19:41 * 形名 [ 編集 * 投稿 ]

No title

( ^-^)ノ(* ^-^)ノこんばんわぁ♪

本格的な作業を考えて作ってと凄いですね。
htmlはどうも苦手で(;^ω^)
2019-03-22-19:43 * おじゃる2 [ 編集 * 投稿 ]

No title

> おじゃる2さん、こんばんは。
ネット検索すると、この手の記事はたくさんあるので、おじャさんなら難なく対応できますよ。この対応も10分くらいで動作確認できました。Yahooから移行した記事でも、修正箇所を探し出すのが面倒ですが、イメージ描画部分を書き換えれば対応は可能です。ただ、やるならば、新規作成の記事から対応したほうがミスが少ないと思います。
2019-03-22-19:53 * 形名 [ 編集 * 投稿 ]

No title

私もライブドアブログを開設して見たり、ヤフーブログからFC2へブログの引っ越し作業やって見たり始めました。

コミュニティーがとり難いようですが操作のしやすさでライブドアブログへ移行しようかなと思っています。
2019-03-22-19:55 * kan*a_*4* [ 編集 * 投稿 ]

No title

> kan*a_*4*さん、こんばんは。
私もyahooの移行ツールが完成したら、ライブドアでも運用したいと思ってます。管理操作でいうと、ややライブドアのほうがわかりやすいですが、fc2とライブドアは機能が似ています。
ところで、kannaさんは、読みたい記事を探すとき、yahoo内の他者記事検索機能を使っていますか?ライブドアにはこの機能がないようなので、それだけが痛いです。使用していなければ全く問題なしですね。確かにコミュニティ機能が弱いのもライブドアの欠点かもしれませんが、他のブログも大差ないようですよ。
2019-03-22-20:05 * 形名 [ 編集 * 投稿 ]

No title

形名さん おばんです。
yahooブログでも記事検索を設置して使用していました。
ライブドアのブログパーツの中に「記事検索」のパーツがありそれで自分のブログない記事が検索できるようです。
2019-03-22-20:23 * kan*a_*4* [ 編集 * 投稿 ]

No title

> kan*a_*4*さん
はい、自分や特定の人のブログ内の検索はできるのですが、同じブログに所属する全者の記事検索できないのです。「livedoor検索」というパーツがありますが、芸能ニュースの検索サイトにつながります。今のyahooのマイページにある検索窓に相当するやつが無いのです。でも使ってなかったのなら問題ないですよ。
2019-03-22-20:33 * 形名 [ 編集 * 投稿 ]

No title

あぁ...そうなんですよねぇ。

そういう意味でも「コミュニティーがとり難いようですが」・・・という事なのです。
2019-03-22-21:56 * kan*a_*4* [ 編集 * 投稿 ]

No title

> kan*a_*4*さん
ブログシステムの開発は、こういうジャンルを得意とする開発会社が受注してると思います。たいていは、ベースはすでにあり、それをカスタマイズして納入しているパターンが多い。yahooシステムを開発した企業が担当したブログが何処かにあればいいのですがね。
2019-03-23-15:28 * 形名 [ 編集 * 投稿 ]