2011-07-02 56 views
0

我有我添加的滑塊的頂部控制滑塊,正常的下一個&以前:::此外,我想添加一個按鈕,當點擊它時會打開全視圖中的圖像(lightbox):::我的下面的代碼確實填充了按鈕的href,但它似乎與當前顯示的圖像不同步:::我沒有擁有jQuery的的足夠的知識去這條底線:::我會感謝任何幫助:::添加HREF的URL按鈕放在jQuery的週期滑塊的頂部活動滑塊圖像

$('.portfolio-slider').hover(function() { $('.portfolio-controls').fadeIn(); }, function() { $('.portfolio-controls').fadeOut(); }); 

$('.portfolio-slider .slides').cycle({ 
timeout: 2000, 
fx: 'fade', 
prev : '.prev-slide', 
next : '.next-slide', 
pause: 1, 
after: onAfter 
}); 

function onAfter(currSlideElement) { 
$('#full-size-button').attr('href', $('a', currSlideElement).attr('href')); 
} 

回答

0

爲什麼不打開的大版本的圖像抓取當前圖像時,它是按鈕點擊,而不是與一個函數t在轉換後運行:

<a id="full-size-button">View Bigger Image</a> 

$('#full-size-button').live('click', function() { 
    $('#full-size-button').attr('href', $('.portfolio-slider img').is(':visible').attr('href')); 
}); 

注意:可見圖像的選擇器可能需要根據HTML結構進行調整。

---- ----編輯

我剛纔注意到,您可能要「前」,而不是「後」與回調函數使用當前的代碼JQuery的週期文檔:

before: transition callback (scope set to element to be shown) 
after: transition callback (scope set to element that was shown) 

如果使用之前回調的信息將被設置到下一個幻燈片,以便您的鏈接將打開當前圖像。

http://jquery.malsup.com/cycle/options.html

+0

我想你所說的一切:::函數之前給了我同樣的結果,因爲它加載圖像HREF ATTR,但總是錯誤的一個:::你的第一個代碼段並沒有在工作所有::: –