Как часть галереи изображений, я использую приведенный ниже код, чтобы отключить атрибут src
на элементе изображения, когда пользователь нажимает на различные миниатюры. Каждая его часть работает отлично в течение 7 месяцев, так как я построил его, но где-то в последние несколько недель эта часть кода перестала работать:Изменение атрибута src не обновляет изображение
var nextLgSrc = $('.gallery-image._'+selected).data('lgsrc');
$('.hero-image').attr('src', nextLgSrc);
nextLgSrc
является успешно возвращение абсолютного URL к изображению который будет заменять текущий. И src элемента img на самом деле меняется при щелчке эскизов, но изображения больше не меняются. Первое (по умолчанию) изображение остается застрявшим, хотя атрибут src меняется под ним.
Может ли кто-нибудь сказать мне, что могло случиться, и как это исправить?
Вот ссылка на полный галерея код, чтобы увидеть его в контексте, если это полезно: http://pastebin.com/mae8YQi2
И на самом деле, вот ссылка на страницу, которая не работает: http://penumbralux.com/project/marisol
быстрый просмотр вашего основного img, src не изменился, когда вы нажимаете миниатюры ниже, это правильное поведение? если нет, то вам нужно пересмотреть логику обработчика кликов. –
Что я получаю из этого примера, вы не должны изменять 'src' элемента, но вы должны перемещать слайдер на элемент с щелчком. – Rayon
Ваша ссылка показывает 'data-lgsrc =" Array "', это может быть проблема. при просмотре в консоли значение currentSrc не изменяется – diEcho