Question

映入眼帘，

首先 - 这个网站令人难以置信。我在这里学到了很多很棒的东西！

我正在使用基于jquery的滑块程序来显示一系列图片（一系列书籍）。在滑块窗口下方，我找到了一个“PDF”按钮。我正在尝试排序如何让按钮下载与滑块框中当前显示的任何图像相关联的文件。因此，如果滑块窗口中显示“图片＃3”，我需要将PDF按钮与相应的＃3文件相关联。我相信我需要动态更改每个按钮的属性以匹配滑块窗口中显示的内容。

您可以在beta

查看测试版网站

我怀疑我需要某种javascript来阻止点击事件并将其提供给按钮的属性。就我的摇摇欲坠的腿可以带着我这个。谁能指出我正确的方向？我是一个真正的菜鸟，慢慢学习，所以用小词！

干杯， TY

Answer 1

你走在正确的轨道上。我认为这可能会奏效，但我不习惯从jQ元素数组中剔除。

将文件名放入列表项中的alt标记中，然后使用此脚本：

$('#download-button').click( function() {
    var left_pos = $('ul').css('left');
    var win_width = $('ul').innerWidth();

    left_pos = left_pos * (-1)  /* Will convert from negative to positive */

    var slide_num = left_pos/win_width;
    var slides = $('ul').find('li');        

    $(this).attr('src', 'path/to' + slides[slide_num].attr('alt'));
});

另外，在玩滑块的同时检查生活DOM时，我注意到如果你改变方向朝向幻灯片的末尾开始，它似乎有点跳跃。您可能想要调查

更改按钮属性以匹配滑块窗口

1 个答案: