(追記あり)マウスストーカーをつけてみる | Toyo☆World

Toyo☆World

日常の楽しいことや不憫なこと・・・
人の不幸は蜜の味?的な
とにかく何でもありのTOYOワールドです。



自分のブログに自分のピグのアイコンがマウスにどこまでもついてくるやり方です。

このサンプルは動くアニメGIFで作っていますが

まずは簡単な普通の画像でやってみましょう。


先ほどピグアイコンの作り方を記事にしましたがもう自分のアイコンをつくれていますか?


そして、その画像のURL(アドレス)はわかっていますか?


まだの人はこちら を参考に作ってくださいね。


このマウスストーカーはわざめーばさんが作ってくれたjavascriptで動いています。

ママンのブログで紹介させてもらってもいいかと問合せしたら

快く了承してくれました。

みんなに使ってもらえるようにjavascriptを配布してくれていて感謝感謝です。


こちらページ にそのscriptのコードがあるので

コピーして画像のURL(アドレス)を書き換えてプラグインに貼ります。

Maman☆World アメーバピグ 裏技・お役立ち  例えばこの画像をマウスストーカーにしたかったら


赤文字の所を自分で作ってアップロードした画像のURL(アドレス)に置き換えます。

こんな感じで。


Maman☆World アメーバピグ 裏技・お役立ち 


追記・・・

※コードのコピーはわざめーばさんの所のをコピーしてください。

↑のは画像なのでコピーできないので。


またまた追記

imgタグから全部赤文字になっていたので

それを画像のURL(アドレス)に変えてしまっている人が何人かいたので

赤文字をURL(アドレス)だけに訂正しました。

<img src="がないと画像は反映されず、URLのマウスカーソルになっちゃいますwww





プラグインとはなんぞや?と言う人もわざめーばさんの所 で説明してくれているので

そこを見ればわかりやすいです。




ただし!


ママンと同じような新デザインのスキンを使っている人はもうひと手間いるのです。


旧デザインの時に作られているために

新デザインだとマウスストーカーが反映されなかったので、

これもまたわざメ―バさんが記事にしてくれているjQuery設定を追加をすると

新デザインでもマウスストーカーが動くようになります。


そのjQuery設定を追加の記事はこちら→


先ほどのフリープラグインの説明と同じページです。

そこに書いてあるコードコピーして
プラグインの先頭に貼ればオッケーです。


とりあえず、コードをコピーして画像のURL(アドレス)を書き換え

プラグインに貼る。


新デザインの人はプラグインの先頭にjQuery設定を追加。


簡単でしょ?


まずはやってみてくださいね。


あと、どうしても動くアニメGIFでアイコンを作りたいという人は

ママンのお役立ち情報のバナーからアニメGIFのことについても書いていますので

参考にしてみてください。


有料ソフトを使えば簡単だけど

自力でつくると結構面倒なんだけどね。

でもなにごともチャレンジ。少ない枚数のアニメGIFだったらそれほど面倒ではないので。



つけられたら、コメントしてくれると嬉しいです。

見に行きますので♪



※追記と訂正

2012-01-08 13:40:55