Как динамически добавить активное состояние с помощью jQuery в миниатюру галереи

Question

Я использую galleriffic для обработки моей галереи изображений, и у меня проблема с активными состояниями миниатюр.

Galleriffic не поддерживает активные состояния на изображениях - только элементы списка. Прямо сейчас галерея назначит «выбранный» класс текущему LI, содержащему миниатюру, и я пытался использовать jQuery для нацеливания идентификатора миниатюры в активном LI, поэтому я назначаю активное состояние изображению, а затем возвращаю его состояние по умолчанию.

По сути, я делаю:

$('.selected img#myImage').attr('src', 'path_to_active_state.jpg');

Что работает, однако я не могу заставить изображение вернуться к настройкам по умолчанию после этого. Я не думаю, что есть поддержка jQuery для использования hasClass в операторе if, но если кто-то знает, пожалуйста, помогите. Любой совет приветствуется.

Answer 1

Вы можете добавить класс к активному изображению, чтобы вы могли идентифицировать его позже ..

так

$('.selected img#myImage').attr('src', 'path_to_active_state.jpg').addClass('altered');

и при выделении другого эскиза

$('.altered').attr('src', 'path_to_inactive_state.jpg').removeClass('altered');

также в вашем примере $('.selected img#myImage') подразумевает, что вы используете один и тот же идентификатор для всех миниатюр (#myImage). Идентификаторы должны быть уникальными внутри DOM ..

Answer 2

Не могли бы вы попробовать селектор :not? Вы в настоящее время делаете это, чтобы получить выбранное изображение:

$('.selected img#myImage').attr('src', 'path_to_active_state.jpg');

Попробуйте сделать это, чтобы получить невыбранное изображение:

$(':not(.selected) img#myImage').attr('src', 'path_to_active_state.jpg');