FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか?

プロフィール画像をランダムに変える

以前に画像をランダムに変える方法を紹介しましたが、これを応用したプロフィール画像をランダムに変える方法を紹介します。


プラグイン「プロフィール」のHTMLを編集します。

管理画面→プラグイン設定→プロフィール「HTMLの変更」

<!--myimage-->
<p class="plugin-myimage" &align>
<img src="<%image>" alt="<%author_name>">
</p>
<!--/myimage-->
<p &align>
Author:<%author_name><br>
<%introduction2>
</p>


これを次のように書き換えます。

<!--myimage-->
<p class="plugin-myimage" &align>

<script language="JavaScript">
var images = new Array();

/* 使用するタイトル画像を好きなだけ記述 */
images[0] = "画像1のURL";
images[1] = "画像2のURL";
images[2] = "画像3のURL";

var rnd = Math.floor((Math.random() * 100)) % images.length;
document.write('<img src=',images[rnd],' border="0">');
</script>


</p>
<!--/myimage-->
<p &align>
Author:<%author_name><br>
<%introduction2>
</p>


これでプロフィール画像がランダムに表示されるようになります。
関連記事
[ 1081 ] > かどりんさん
おお!このチャイナドレスはかどりんさんですか!?
少しでも本人が写ると一気に身近に感じますね^^
私のプロフ画像はオーストラリアにワーキングホリデーに行ったときに撮ったものです。コアラは可愛かったですよ^^
[ 2007/01/27 01:36 ] [ 編集 ]
[ 1193 ] こんばんは
参考にさせて頂きました。
ありがとうございますe-466
[ 2007/02/15 21:45 ] [ 編集 ]
[ 1200 ] > ブチさん
こんばんは、ブチさん。
可愛いプロフィール画像達ですね^^
お役に立てて光栄です。
[ 2007/02/15 23:54 ] [ 編集 ]
[ 1432 ] はじめまして。
いたおさん、はじめまして。
HTML初心者のhitomiと申します。

初歩的な質問でお恥ずかしいのですが、↑の「/* 使用するタイトル画像を好きなだけ記述 */ 」の部分もそのままコピペしてよいのでしょうか?

ホントに初歩的なことで、申し訳ありません><
でも、是非この機能を使ってみたいので、教えていただければと思います。
[ 2007/03/18 23:57 ] [ 編集 ]
[ 1439 ] > hitomiさん
コピペしても、しなくても構いませんよ。
/* から */ で囲まれた部分はコメントアウトといって無効になり、特に影響することはありません。
[ 2007/03/19 00:29 ] [ 編集 ]
[ 1442 ]
お返事ありがとうございます。
早速やってみます^^
[ 2007/03/19 22:21 ] [ 編集 ]
[ 1444 ] > hitomiさん
プロフィール画像にバリエーションがあると面白いですよ。
是非試してみてください^^
[ 2007/03/19 23:58 ] [ 編集 ]
[ 3591 ]
いたおさん、はじめまして。
少し質問させていただきます…。
プロフ画像をランダムにした際は、画像にフィルタをかけて白黒にしたりすることは出来ないのでしょうか。
できればランダムの状態で、画像にカーソルを載せると白黒が解除される仕様にしたいのですが、無理でしょうか…
初対面でこのような質問をしてしまい、申し訳ありません。では。
[ 2008/11/27 21:18 ] [ 編集 ]
[ 4164 ] プロフィールの画像が!?!?
いたおさん、おはようございます。いつもお世話になっております。今日は、「プロフィールの画像」に不具合が生じたため、コメントさせていただきました。

...というのは、今朝、自分のブログを開けたところ、プロフィールの画像が表示されておらず、「X」がついているのに気付いたのです。昨日までは、表示されていて、今朝、何もしていないのにも関わらず...です。

仕方がないので、「プロフィールの編集」で、当初、写真を入れ込んだ作業、まったく同じ写真を入れ込んだにも関わらず、まったく反映されません。

これは、どうしたことでしょうか?昨日、「アクセス解析」の設定はしましたが、その段階では、何も変化はありませんでしたし...。

アドバイスをいただけないでしょうか?

[ 2009/05/11 10:46 ] [ 編集 ]
[ 4165 ] ▼Ajinci(Balleta)さん
原因としてはサーバーが落ちているか、アップロードされていないかのどちらかですが、画像URLにあるblog-imgs-27サーバー自体は現在大丈夫のようです。
(私も同じくblog-imgs-27にアップロードしてある画像は表示されております)

なので単純に画像がアップロードされていないのが原因だと思います。
もしくは今現在img27サーバーにアップロード不可能な状況なのかもしれません。

昨日表示されていたのはPC側の一時ファイルにあったからではないでしょうか。

アクセス解析は画像とは全関係ありません。

画像だけに関わらず、検索してみると色々な解決策が得られることがありますよ。
http://www.google.co.jp/search?hl=ja&q=FC2%E3%83%96%E3%83%AD%E3%82%B0%E3%80%80%E7%94%BB%E5%83%8F%E3%81%8C%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%81%AA%E3%81%84&lr=&aq=f&oq=
[ 2009/05/11 15:22 ] [ 編集 ]
[ 4168 ] > ちゃんさん、Ajinci(Balleta)さん
ありがとうございます、ちゃんさん。たしかに画像がアップロードされていないようですね。

Ajinci(Balleta)さん、もう一度プロフィールの編集で、画像をアップロードしてみてください。
[ 2009/05/11 22:26 ] [ 編集 ]
[ 4183 ] わかりました!有難うございます。
ちゃんさん、いたおさん。アドバイス有難うございます。
アップロードの作業をしても、「X」印がでて、反映されず、ふと、「画像トリムサイズ」を見たところ、縦横双方幅が120(単位がわかりません)に設定されていたため、「画像トリムサイズの数字を「縦400X横300」に変えてみたら、アップロードができました

以前は、「画像トリムサイズ」をいじらなくても、同じ画像をアップロードできたのですが...うう~ん。しかも、私がアップロードしようとしていた画像は、縦40mmX横30mmなので
120X120で入る気がしたのですが、もしかしたら、単位はピクセル??といろいろ考えてみたり...。

また、アップロードできていた画像が、突然消えてしまう(反映されなくなる)のも、とても不思議です。そういうことってあるんでしょうか?うう~ん。

いずれにしましても、お騒がせして、申し訳ありませんでした。いつもいつも、親切に教えていただき、心からお礼を言わせてください!
[ 2009/05/12 09:35 ] [ 編集 ]
[ 6496 ] はじめまして
いろいろ自分の思い通りにカスタマイズしてみたくてこちらにお邪魔させてもらっています。
(正確には検索で来てるのですが、いつも上位にこちらのブログがヒットするのです)
何の知識のない自分でもできる、わかりやすい記事だと思います。
多分これからも何かあればお邪魔することがあると思うので、よろしくお願いします。
[ 2009/10/16 09:29 ] [ 編集 ]
[ 6503 ] > ゆうさん
なかなか更新しませんが、どうぞ参考にしてください^^
[ 2009/10/16 19:30 ] [ 編集 ]
コメントの投稿









管理者にだけ表示
※現在カスタマイズに関するサポートを休止中です。
表示が崩れる場合は表示が崩れる原因の調査手順をお試しください。
その他の問題はFC2ユーザーフォーラムにお問い合わせください。
トラックバック
この記事のトラックバックURL

ブログ内検索1
プロフィール

いたお

Author:いたお
更新は非常にマイペースです
現在休止中です

当サイトはリンクフリーです。

いたおの他の運営サイト
カレンダー
08 | 2023/09 | 10
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。

※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー

08 | 2023/09 | 10
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
ユーザータグ


△ ページトップへ戻る