Изменение атрибутов кнопок для соответствия слайдеру Окно

Question

Greets,

Первый - этот сайт невероятен. Я узнал здесь массу отличных вещей!

Я использую программу слайдера на основе 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, играя вокруг с помощью ползунка, я заметил, что, казалось, подскочить бит, если вы изменили направление к концу/началу слайдов. Вы можете изучить, что