2013-05-31 16 views
0

我使用jQuery週期插件here上的滑塊使用的影像創建縮略圖,如: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>標籤中,則會破壞縮略圖圖像。

有人會知道如何改變這個腳本,以允許標籤?

回答

0

我能做到這一點的唯一方法是通過在標籤追溯包裝的圖片做:

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