jquery 特定の画像を点滅させるjquery

またまた「あれ？僕この記事書いてなかったのか？？」シリーズです。

ある画像を点滅させて目立たせて欲しいと依頼があり、ネットに落ちてたコードをちょっとだけさわり実装したものです。

まぁタイトルの通り画像が点滅するだけです。

ただ実装してみた結果、結構目立って良いのでは無いのかと思いました。

下サンプルプルです。

ふわっふぁふわっふぁしよんなこれ！！！

実装は続きから。

ヘッドに記載

これは参考サイトのコードです。

これをヘッドに記載するとページ内の画像を全て点滅させてました（笑
気になった方は一度やってみてください。

一斉に点滅しだす画像達に「わぁホームページきれい・・・」って思いましたが、僕の目的は指定した画像だけ点滅させる事です。

んでんでコードをこう書き換えました。

何を書き換えたかと言うと

$(‘img‘).fadeOut(500,function(){$(this).fadeIn(500)});

を

$(‘#tenmetsu‘).fadeOut(500,function(){$(this).fadeIn(500)});

に変更しました。
tenmetsuってメッチャダサいっすね。ZAZEN BOYSみたいです。
ここはみなさんで名前変更してもらって大丈夫です。

これでid=”tenmetsu”を画像タグに入れるだけで点滅します。

これで実装完了。

ある画像を目立たせたい時はこれを使って見るのも良いかも！