我有fancybox v. 2.1.5
我的脚本从中创建标题<a title="">
和描述<a alt="">
。但由于“alt”不是 的有效属性<a>
,我想从<img alt="">
或 data-fancybox-desc 或类似的东西中调用描述或 1) <a>
。我对javascript和jQuery一无所知,有人可以更改我的代码吗?
<img alt="">
如果我想用于描述,可以使用 HTML :
<div class="view view-add">
<a href="http://www.igorlaszlo.com/images/41.jpg" class="fancybox-thumbs" data-fancybox-group="group1" title="Dance in the Dark">
<img src="http://www.igorlaszlo.com/thumbs/41.jpg" alt="Model : Thierry Mercier" />
<div class="mask">
<h4>Dance in the Dark</h4>
<p>Model : Thierry Mercier</p>
<div class="info">Click for zoom</div>
</div>
</a>
</div>
脚本应该改变什么:
<script>
$(document).ready(function() {
$(".fancybox-thumbs").fancybox({
padding: 0,
openEffect : 'elastic',
openSpeed : 150,
closeEffect : 'elastic',
closeSpeed : 150,
closeClick : true,
prevEffect : 'elastic',
nextEffect : 'elastic',
closeBtn : true,
arrows : true,
nextClick : true,
beforeShow: function () {
this.title = $(this.element).attr('title');
this.title = '<h3>' + this.title + '</h3>' + $(this.element).attr('alt') + '<br />';
afterShow: function() {
},
helpers : {
title : { type: 'inside' }
}
});
});
</script>
提前致谢 !