ブログで投稿した元画像へのリンクがついた画像の<a>タグに
rel要素やらclass要素やらを追加してやる場合。


$(document).ready(function($){
 $('#hoge a[href$=".jpg"], #hoge a[href$=".jpeg"], #hoge a[href$=".gif"], #hoge a[href$=".png"]').each(function(){
 var imageTitle = $('img', this).attr('alt');

 $(this).attr('rel', '任意の名前').attr('class', 'imageLink' ).attr('title', imageTitle);
 });
});


なぜこんな事をする必要があったかっていうと、
ブログで追加した画像をlightboxで拡大表示したかったからです。

wordpressのプラグインがうまいことさどうしてくれんかったので
普通にjQueryのブラグインでなんとか。

参考サイト様


コメントを残す

post date*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)