Big Bang

パソコンの電源を入れた時、メモリー空間に無限の宇宙が拡がる

コメント欄に投稿者の画像を表示

| 33件のコメント

2014年1月22日にA8.netのファンブログはSeesaa Blogのシステムをベースにして生まれ変わりました。よってファンブログ関連の記事は今では当てはまらない可能性があります。新しいファンブログのカスタマイズは別ブログ「ファンブログ テック」で詳しく書いていますので、そちらをご覧ください。

こんにちは。いつも人の記事をかっぱらってアクセス稼いでいるTomです。

今回もおーとえす氏の記事パクりました。
元記事は「ファンブログの人のコメントにサムネを表示させるスクリプト」です。

詳しいことは、そちらを見ていただくとして何ができるのかと言うと
コメント欄をこんな風に出来ます。

これは、このブログの実際のコメント欄をキャプチャーした画像です。
コメント欄


これはおーとえす氏の公開しているものとは少し違うんですが、わたしが独自に手を加えました。

この画像ではコメントの左に発言者を識別するサムネイル画像が出ますが、元になった
おーとえす氏のソースでは、コメント後の名前の前に出ます。

元のスクリプトではURLがない、またはファンブログ以外のURLの時は、画像が出ませんが
私の場合は、no imageが出ます。

見た目の違いはそのふたつです。

技術的な違いはおーとえす氏はライブラリにjQueryを使っていますが、
わたしはライブラリを使わずに書き直しました。

詳細は「ファンブログの人のコメントにサムネを表示させるスクリプト」を見てください。
改変したコメント欄、作成の様子はここのコメント欄にあります。

ソースコードの場所
サムネイル表示のソース
サムネイル表示モジュール(初心者向け。機能は同じです。わずかですが上より重い)

33件のコメント

  1. あっ こちらですね。

    凄いです~~見ていても楽しいわ。

  2. うわーい!ありがと。Tom大好き

  3. 流石ですw
    自分もjavascriptの勉強をもう少しした方が良いのかな~って感じです。。

  4. 凄いです!
    TOMさんのソースをコピペさせていただき、
    1記事に追加したら出来ました\(^o^)/
    ますます ブログが楽しくなります。
    ありがとうございました。
    でも 実はどこに入れていいか迷いました・・(^_^;)

    近いうちに TOMさんとはおーとえすさんを紹介させていただきますね

  5. こんばんは~。

    かこさんトコもここも、コメントたくさんあるから、
    自分がしたコメント、さかのぼって探すの大変でしたが、
    分かり易くなりましたね~。

  6. おーとえすさん、ありがとうございます♪
    発想がいいんですよー。思いもつかなかった。

    みかんさんも、ちゃんとできてますね~。
    お仲間ですね。今回は、Tomさん呼び出さずにできちゃいましたね!

    心姫さんも、そうか。自分を探しやすくなりますね。たしかに。
    自分の顔写真とかにしてなくってよかった。
    と、あれだけ並ぶと思います。

  7. こんばんわ。

    さっそくマネさせていただきました!
    画像が付くだけでなんだか楽しいですね。

    って、↓の記事に書いちゃいました。
    http://fanblogs.jp/ayzfqir5/archive/381/0

  8. 今回は色々ありがとうございました。

    ネタ元云々、ってのはそこまで気にせずに、jQueryを使わずに書いたjava scriptのコードとかはこの記事とか、新たに記事書いて紹介しても良いですよ。
    自分の記事へのリンクも気が向いたら貼る、くらいでも大丈夫ですw

  9. Tom君ちに初トラバさせて貰いました~(^ ^)/

    あんな便利なの作ってくれてありがとうm(_ _)m

  10. こんにちわ

    画像はでましたが

    どうも失敗!??

    画像に「リンクされていません。

    お暇な時でのいいので 遊びに来てください・・m(__)m

  11. ねぇ。みかんさん。かなさんはコピペでうまくいってるんだから
    また、どっか勝手に書き換えてない?抜かしたり。

    ソースもう一回貼りなおしてみたら?

  12. みかんさん。ゴメン。
    おーとえすのところに貼ったやつは、画像にリンクをつけていませんでした。
    かこに送る前に気づいて、直したんです。
    だから、かこのところのソースをコピーした人はリンクできています。

    http://fanblogs.jp/ayzfqir5/archive/388/0

    ここに、完全版を書いたので、貼り替えてください。
    スタイルシートも忘れずに。

  13. あらら。ごめんねみかんさん。濡れ衣でした。

  14. かこ、誰でも貼れるように、下の記事のちょいコツをお願いします。

  15. トムちゃん、やっぱりわかんないから、やめとく。

  16. こんばんは

    かこさんのと雰囲気全然違いますね
    バランスか~

  17. できた、ヤッター。うれしい。
    でも、こわくて、はらはらした。
    ありがとうトムちゃん

  18. あげは。
    簡単でしょ。宣伝してね。

  19. noriさん。
    今、かこのとこ開いて、見比べてみたんですけど、画像の大きさですかね。

    それとも、コメント欄のもともとのレイアウトが違うからそのせいかな?

  20. かこのところのちょいコツみて出来たよ
    ありがとう!

  21. ありがとうございます。
    元ネタは、おーとえすです。

  22. あげは、りょうちゃん、それからマミコロさんもつけてくれてた。
    大ヒットだな。

  23. そうだねー。大ヒット。寝る前にあげられてよかった。

    ちょいコツにしなくても、サムネイル表示のソース
    http://fanblogs.jp/ayzfqir5/archive/388/0
    はかなり分かりやすいと思ったけど。貼る場所以外。
    ちょいコツするのやめようかと思ったくらい。

    わざと場所の説明抜かした?

  24. すごくいいわ。みんながいつもそばにいてくれてる感じで。
    進めてもらってよかった。ありがとう。
    トムちゃん。かこちゃん。おーとえすくん。

  25. でっしょー。
    よかったね。

  26. ごめん遅くなった。
    理解してからだと、5分以内に出来た。
    最初は、絶対無理だと思ってたけど、わかろうと思って読んだら
    簡単にできました。

    でも、コピーの、やりかた知らない人には、ちんぷんかんだと思うよ。

  27. ありゃここもだ
    かこんちもここもiPhoneで見たら
    コメントの字が大きい人や小さい人さまざまだったけど
    いまパソコンで見たら同じ・・・???

  28. りょうちゃんちは、どうなの?
    iPhoneで大小してる?

  29. あげはんちはどうかな?

  30. >でも、コピーの、やりかた知らない人には、ちんぷんかんだと思うよ。

    このコメントに関しては、かこが回答します。

  31. スタイルシートはりなおすって???

  32. はいっ。かこです。

    >でも、コピーの、やりかた知らない人には、ちんぷんかんだと思うよ。

    コピーのやり方を知らない人は
    残念だけど、スタイルシートやテンプレート、いじらないほうがいいです。
    危険だから。

    カスタマイズせずに、記事を書いて楽しみましょう。
    ちょいコツって言っても、すべての人が使えるわけじゃないんだよ~。

    で、サイドバーに貼るモジュールを使った方が、安全です。
    こっちの方が、カンタン。

コメントを残す

Top