Jquery循环页面缩略图图像-保留主图像链接标签

Question

我在这里使用Jquery循环插件，使用滑块上的图像来创建缩略图，例如:

$('#slideshow').before('<ul id="nav">').cycle({ 
    fx:     'turnDown', 
    speed:  'fast', 
    timeout: 0, 
    pager:  '#nav', 
    // callback fn that creates a thumbnail to use as pager anchor 
    pagerAnchorBuilder: function(idx, slide) { 
        return '<li><a href="#"><img src="' + slide.src + '" width="50" height="50" /></a></li>'; 
    } 
});

取slide.src中的任何元素，并将其转换为图像缩略图。然而，我想把我的滑动图像作为链接。但是，如果我要将它们包装在<a>标签中，这将破坏缩略图图像。

有人知道如何改变这个脚本，以允许一个标签吗?

Answer 1

我能做到这一点的唯一方法是通过在a标记中追溯包装图像:

  $("#frontimageswap img:nth-child(1)").wrap("<a href='http://www.google.com' />");