jquery rel要素を以下のソースで使用したい
リンクがlightboxで表示されるよう、
rel="prettyPhoto[gallery]"
を付与したいのですが、まったく知識がなく、色々自分なりに試してみましたがうまくいきません。
以下のソースで書き換える場合、どのように書き換えればリンクでlightboxが使えますでしょうか？
困っています。よろしくお願いします
<script type="text/javascript">
$(function() {
var isIE=false;
if(navigator.userAgent.toLowerCase().indexOf("msie")!=-1) isIE=true;
if(isIE){
var url="http://gdata.youtube.com/feeds/api/videos?orderby=published&lr=ja&max-results=50&alt=json-in-script&callback=getList";
var script = document.createElement("script");
script.setAttribute("type", "text/javascript");
script.setAttribute("src", url);
document.getElementsByTagName("head")[0].appendChild(script);
//$("head").append(script); これはだめ
}else{
$.getJSON(
"http://gdata.youtube.com/feeds/api/videos",
{
author:"",
alt:"json"
},
function(xml) {
getList(xml);
}
);
}
});
/* 日付フォーマット */
var formatDate = function(dateString) {
/*
var d = new Date(dateString);
var day = d.getDate();
var month = d.getMonth()+1;
var year = d.getFullYear();
*/
var dary=dateString.split("-");
var year=dary[0];
var month=dary[1];
var day=dary[2].substring(0,2);
return year+"年"+month+"月"+day+"日";
}
/* 3桁区切り */
function addFigure(str) {
var num = new String(str).replace(/,/g, "");
while(num != (num = num.replace(/^(-?\d+)(\d{3})/, "$1,$2")));
return num;
}
function getList(xml){
$('#load').fadeOut();
var feed = xml.feed;
$.each(feed.entry, function(i,item){
var tmp=item.id.$t.split("video:");
var vid=tmp[tmp.length-1];
var s='';
s+='<dt><img src="'+item.media$group.media$thumbnail[0].url+'" /></dt>';
s+='<dd>';
s+='<div class="title"><a href="'+item.link[0].href+'">'+item.title.$t+'</a></div>';
s+='<p>';
s+='作成者：<a href="http://www.youtube.com/user/'+item.author[0].name.$t+'?TB_iframe=true&height=500&width=1050">'+item.author[0].name.$t+'</a>｜';
s+='公開日：'+formatDate(item.published.$t)+'｜';
s+='再生回数：'+addFigure(item.yt$statistics.viewCount)+'回';
s+='</p>';
s+='</dd>';
$("#tube_concept").append('<dl class="video clearfix">'+s+'</dl>');
$(".video").fadeIn(1000);
});
}
</script>
お礼
ご回答頂きありがとうございます。 しかしながら、私の乗せたコードは問題を絞るために単純にした物で、 実際のコードは回答頂いたように改造できません。 あらかじめimgをjQueryで保持し、後からappendしたいのです。