斎七(さいしち)の描いた受験がテーマのウェブ漫画をおいてます~。共有テンプレート・共有プラグインも製作しています。共有テンプレート・共有プラグインのページにて作者名「rainbow」と検索してください。
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

設置方法をスクリーンショットつきで紹介します。
★FC2ブログ以外でも使用可能です★

★FC2ブログでの設置方法★
1.ブログ管理画面の左メニュー「環境設定」→「プラグインの設定」
gpop001.jpg

2.PC用の「共有プラグイン追加」
gpop002.png

3.作者のところで「rainbow」と検索→詳細
(プラグイン名のところで「画像ポップアップ」で検索でもおk)
gpop003.png

4.ダウンロードをクリックで完了
gpop004.png


★他ブログでの設置方法は追記に書きます★
★他ブログでは、こちらのテキストの中身をコピーして
フリープラグイン(自由形式のやつ)に貼り付けます★

画像ポップアップのJavaScript

画像ポップアップのJavaScript20100618版(Opera処理を修正しました)

★SeeSaa★
1.ブログ管理画面の「デザイン」→「コンテンツ」で、左メニューから「自由形式」を右のほうにマウスでドラッグ&ドロップします。
seessaa002.png

seessaa0031.jpg

2.「自由形式」を編集して完了!
seessaa004.png



★そのままでは設置できないブログ★
アメブロでは文字数上限があるため、そのままでは使用できません。下記サイトを参考に設置ください><;

フリープラグイン文字数無制限化極秘計画書2|アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!
 →JavaScriptファイルを外部におき、それを読み込むタイプ。

はてなダイアリーに(対応外の)ブログパーツを貼る - ぼくはまちちゃん!(Hatena) - Webデザイン・デザイナーの制作に役立つネタまとめ / ニコニコ風
 →Googleガジェットにして、それを読み込むタイプ。こちらは試したことないですがたぶん同じ要領でいけると思います。


♪感想など一言いただけますと嬉しいです♪
関連記事


追記を閉じる▲
★他ブログでは、こちらのテキストの中身をコピーして
フリープラグイン(自由形式のやつ)に貼り付けます★

画像ポップアップのJavaScript

画像ポップアップのJavaScript20100618版(Opera処理を修正しました)

★SeeSaa★
1.ブログ管理画面の「デザイン」→「コンテンツ」で、左メニューから「自由形式」を右のほうにマウスでドラッグ&ドロップします。
seessaa002.png

seessaa0031.jpg

2.「自由形式」を編集して完了!
seessaa004.png



★そのままでは設置できないブログ★
アメブロでは文字数上限があるため、そのままでは使用できません。下記サイトを参考に設置ください><;

フリープラグイン文字数無制限化極秘計画書2|アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!
 →JavaScriptファイルを外部におき、それを読み込むタイプ。

はてなダイアリーに(対応外の)ブログパーツを貼る - ぼくはまちちゃん!(Hatena) - Webデザイン・デザイナーの制作に役立つネタまとめ / ニコニコ風
 →Googleガジェットにして、それを読み込むタイプ。こちらは試したことないですがたぶん同じ要領でいけると思います。


♪感想など一言いただけますと嬉しいです♪
関連記事


FC2 Blog Ranking   人気blogランキングへ   blogramランキング
FC2blog テーマ:ブログパーツ - ジャンル:ブログ

【2009/12/26 23:04】 | 共有テンプレート
トラックバック(1) |


sk8
ダウンロードさせていただいたのですが、画像がポップアップされません。
どのようにすればよいのでしょうか?
宜しくお願いします


斎七
>>sk8さま
こんばんわ、コメントありがとうございます。
状態がわからないですので、対応できません。

非公開コメント(秘密:管理者だけに表示を許可でコメント)でもよろしいですので、ブログURLを教えて下さいませ。

管理人のみ閲覧できます
-


ポップアップ
NikomD7000
so-netブログを使っています。
ずっとコチラのポップアップを使わせていただいていますが最近ポップアップしなくなってしまいました。。。非常に気に入ってほかのみんなからも評判がよかったのに。。。


斎七
>>NikomD7000 さま
コメントありがとうございます。
念のため、もう一度最初から設置しなおしてみてくださいませ。


ブログのソースを見ますと、画像ポップアップのJavaScript20100618版が途中で切れているように見受けられます。

設置しなおしてみても動かいないようでしたら、ご連絡くださいませ。

やっぱりダメでした・・・
NikomD7000
僕の設置の仕方が悪いのか。。。すみません。
素人なのでわかりやすく教えていただけると助かります。お借りしている身分でわがまま言ってすみません。


斎七
So-netブログが募集休止しておりますので、僕の方で確認ができません。それゆえ、試行錯誤しながらの対応になります。

==============================
最近追加したブログパーツを、一旦外す
==============================
最近まで画像ポップアップが動いていたようですので、その時と同じ状況にして確認します。

極端な話、ブログパーツを全部オフにして、画像ポップアップのみで動くかどうか確認できれば最も良いかもしれません。


⇒動作確認できた場合
 追加すると動かなくなるブログパーツを特定します。

⇒画像ポップアップのみでも動作確認できなかった場合
 So-netの仕様変更の可能性があります。(JavaScriptの制限など)



設置の仕方については、コピペだけですので問題ないと思います。
念のため、floqの説明ページ↓
http://www.floq.jp/guide/blogparts/paste/so_net.html

画像ポップアップ使用させていただいています。
薄荷脳70
はじめまして、薄荷脳70と申します。
貴兄の画像ポップアップを利用させていただき、とても重宝しています。ありがとうございます。
この度ブログのレイアウトをかえたので、ポップアップする画像の位置を変えたく、説明のあった2チャンネルなどを調べたのですが、どうにもこうにも判りません。
つきましてはお忙しい中恐縮ですが、もしお教えいただければ幸いです。
どこでお問合せするのが良いかもわからず、ここに書き込んでしまいました。
失礼でしたらお許しください。
何卒、よろしくお願いいたします。


斎七
>>薄荷脳70 さま
こんばんわ、コメントありがとうございます。

■ポップアップする画像の位置について
Y軸
(52行目) y = document.documentElement.scrollTop + document.body.scrollTop + 30;
画面の上から30ピクセル離れた所

X軸
(92行目) imgNode.style.left = '100px';
画面の左から100ピクセル離れた所

数字のところを変更していくと、挙動がかわっていきますので、いろいろお試しくださいませ。どうぞ、よろしくお願いいたします。

ありがとうございました。
薄荷脳70
おかげさまで修正することができました。
大変ありがとうございました。
今後ともよろしくお願いいたします。

コメントを閉じる▲
コメント
この記事へのコメント
ダウンロードさせていただいたのですが、画像がポップアップされません。
どのようにすればよいのでしょうか?
宜しくお願いします
2012/04/09(Mon) 20:59 | URL  | sk8 #-[ 編集]
>>sk8さま
こんばんわ、コメントありがとうございます。
状態がわからないですので、対応できません。

非公開コメント(秘密:管理者だけに表示を許可でコメント)でもよろしいですので、ブログURLを教えて下さいませ。
2012/04/09(Mon) 22:18 | URL  | 斎七 #C87Gq5wQ[ 編集]
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
2012/04/10(Tue) 09:55 |   |  #[ 編集]
ポップアップ
so-netブログを使っています。
ずっとコチラのポップアップを使わせていただいていますが最近ポップアップしなくなってしまいました。。。非常に気に入ってほかのみんなからも評判がよかったのに。。。
2012/12/18(Tue) 19:31 | URL  | NikomD7000 #wTslo9Tw[ 編集]
>>NikomD7000 さま
コメントありがとうございます。
念のため、もう一度最初から設置しなおしてみてくださいませ。


ブログのソースを見ますと、画像ポップアップのJavaScript20100618版が途中で切れているように見受けられます。

設置しなおしてみても動かいないようでしたら、ご連絡くださいませ。
2012/12/18(Tue) 23:40 | URL  | 斎七 #C87Gq5wQ[ 編集]
やっぱりダメでした・・・
僕の設置の仕方が悪いのか。。。すみません。
素人なのでわかりやすく教えていただけると助かります。お借りしている身分でわがまま言ってすみません。
2012/12/19(Wed) 23:13 | URL  | NikomD7000 #wTslo9Tw[ 編集]
So-netブログが募集休止しておりますので、僕の方で確認ができません。それゆえ、試行錯誤しながらの対応になります。

==============================
最近追加したブログパーツを、一旦外す
==============================
最近まで画像ポップアップが動いていたようですので、その時と同じ状況にして確認します。

極端な話、ブログパーツを全部オフにして、画像ポップアップのみで動くかどうか確認できれば最も良いかもしれません。


⇒動作確認できた場合
 追加すると動かなくなるブログパーツを特定します。

⇒画像ポップアップのみでも動作確認できなかった場合
 So-netの仕様変更の可能性があります。(JavaScriptの制限など)



設置の仕方については、コピペだけですので問題ないと思います。
念のため、floqの説明ページ↓
http://www.floq.jp/guide/blogparts/paste/so_net.html
2012/12/19(Wed) 23:51 | URL  | 斎七 #C87Gq5wQ[ 編集]
画像ポップアップ使用させていただいています。
はじめまして、薄荷脳70と申します。
貴兄の画像ポップアップを利用させていただき、とても重宝しています。ありがとうございます。
この度ブログのレイアウトをかえたので、ポップアップする画像の位置を変えたく、説明のあった2チャンネルなどを調べたのですが、どうにもこうにも判りません。
つきましてはお忙しい中恐縮ですが、もしお教えいただければ幸いです。
どこでお問合せするのが良いかもわからず、ここに書き込んでしまいました。
失礼でしたらお許しください。
何卒、よろしくお願いいたします。
2012/12/23(Sun) 10:12 | URL  | 薄荷脳70 #z3DJMOlI[ 編集]
>>薄荷脳70 さま
こんばんわ、コメントありがとうございます。

■ポップアップする画像の位置について
Y軸
(52行目) y = document.documentElement.scrollTop + document.body.scrollTop + 30;
画面の上から30ピクセル離れた所

X軸
(92行目) imgNode.style.left = '100px';
画面の左から100ピクセル離れた所

数字のところを変更していくと、挙動がかわっていきますので、いろいろお試しくださいませ。どうぞ、よろしくお願いいたします。
2012/12/23(Sun) 23:54 | URL  | 斎七 #C87Gq5wQ[ 編集]
ありがとうございました。
おかげさまで修正することができました。
大変ありがとうございました。
今後ともよろしくお願いいたします。
2012/12/24(Mon) 13:14 | URL  | 薄荷脳70 #z3DJMOlI[ 編集]
コメントを投稿
URL:

Pass:
秘密: 管理者にだけ表示を許可
 
トラックバック
この記事のトラックバックURL
この記事へのトラックバック
私はブログを始めるときテンプレのカスタマイズが容易に出来るFC2を選択ですが、基本の画像表示では物足りないので新規にポップアップで...
2010/01/09(Sat) 20:31:11 |  ■お絵かき画像通信■
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。