修改脚本以将Alt属性复制到缩略图

时间:2011-11-29 20:35:45

标签: javascript jquery gallery image-gallery photo-gallery

我正在为我正在处理的网站调整一个图库插件,以便它支持图书。这是我正在使用的脚本:

DEMO:http://jquery.malsup.com/cycle/pager2.html
代码:http://malsup.github.com/jquery.cycle.all.js

我已经完成了所有工作,但我需要将原始图像中的alt属性复制到加载时的缩略图中,但我无法确定在此脚本中重构的位置。

这是我正在使用的修改:

$(document).ready(function() {
    $("#slideshow-wrap #nav li a img").click(function() {
        var caption = $(this).attr("alt");
        $("#slideshow-wrap #caption").html(caption);
    });
});

(以上代码有效,我只需将ALT属性从原始<img>复制到jQuery生成的<img>缩略图。)

1 个答案:

答案 0 :(得分:1)

如果我正确理解了您的需求,您必须对页面上给出的示例所做的更改很少:

pagerAnchorBuilder: function(idx, slide) {
    return '<li><a href="#"><img src="' + slide.src + '" width="50" height="50" />' + slide.alt + '</a></li>';
}