HTMLで、イメージファイルって、
<IMG SRC="Winter.jpg">
のように、srcで、場所を示すけど、このとき、HTML上では、そうかいてあるんだけど、
なんかの都合で(たとえば、アクセス回数をカウントしてるとか、実はそこになくって、他のサイトにあるとか)PHPスクリプトを通したり、別の場所にアクセスさせたい場合、
このSRCの値を書き換えることになるんだけど、
それに、JQueryを使うと簡単だね。
たとえば、今、imageout.phpっていうPHPプログラムがあって、このプログラムの引数pathに、
IMGタグのSRCの値をセットするとする。
つまり、上記の例だと、以下のように書き換える
<IMG SRC="/imageout.php?path=Winter.jpg">
この場合、JQuaryを使って書くと、こんなかんじ
<script type="text/javascript" src="jquery-1.4.4.min.js"></script> <script type="text/javascript"> $(function(){ $("img").html(function(){ path = $(this).attr("src"); ret = "/imageout.php?path=" + path; $(this).attr("src",ret); }) }) </script> |
(上記< >は、本当は半角)
jquery-1.4.4.min.jsってのは、ここのをダウンロードしてきた。
簡単で判りやすいかも・・・