aタグのリンク先が画像の場合、値を追加するjQuery

サイトのリニューアルの際によく有りがちな仕様変更の一つに画像をPOPUPで拡大表示にする事。簡易的でOKの場合はjQueryで簡単に出来ます。

jQuery(document).ready(function($){
$('a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]').each(function(){
var imageTitle = $('img', this).attr('alt');
//上とは別の書き方で取得↓
//var imageTitle = $(this).children('img').attr('alt');
$(this).attr('rel', 'lightbox').attr('class', 'className' ).attr('title', imageTitle);
});
});

aタグの”href”の拡張子が画像の場合は”rel”と”class”に指定した値を入れ、”title”にはimgのaltの値を入れてます。

  • このエントリーをはてなブックマークに追加

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

3 + 7 =