将 HREF URL 添加到位于活动滑块图像的 jQuery 循环滑块顶部的按钮

Question

我有一个滑块，我在滑块顶部添加了控件，即正常的“下一个”和“下一个”。以前 ::: 另外，我想添加一个按钮，单击它时将以全视图（灯箱）打开图像 ::: 我下面的代码确实填充了按钮的 href，但它似乎与当前图像不同步显示 ::: 我没有足够的 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'));
}

Answer 1

为什么不让打开图像大版本的按钮在单击时抓取当前图像，而不是使用在转换后运行的函数：

<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 Cycle 文档中注意到，您可能希望将当前代码与回调函数一起用于“before”而不是“after”：

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

如果您使用 before 回调，则信息将是设置到下一张幻灯片，以便您的链接将打开当前图像。

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