Нарисуйте изображение поверх другого в Javascript

У меня есть вопрос, который я смог решить какое-то время и не повезло. У меня есть изображение (аппаратный переключатель), который я отключил (выключил) для начала. Изображение светлое. Затем, когда переключатель включен (включен), мне нужно нарисовать изображение с включенным переключателем поверх него. У кого-нибудь есть код, который бы нарисовал изображение поверх другого (такие же размеры). Мой код всегда делает включенным после отключения, поэтому оба показывают.Нарисуйте изображение поверх другого в Javascript

источник

2016-08-16 RKP382

Что вы имеете в виду под "нарисовать изображение поверх другого"? Должны ли отображаться оба изображения? Или, должно ли отображаться только одно изображение? – guest271314

Только одно изображение за раз. Поэтому, когда переключатель отключен, отключенное изображение должно быть видимым и когда переключатель включен, разрешенное изображение должно быть нарисовано поверх него (и наоборот) – RKP382

Что такое «переключатель»? Должны ли изображения переключаться на действие пользователя ?, например, щелчок? Можете ли вы включить 'html',' css', 'javascript', что вы пробовали в вопросе? – guest271314

Он может перекрываться с помощью

Z-индекс

. Если вы хотите сохранить изображение в фоновом режиме использовать

Z-индекс: -1 и передний план изображение Z-индекс: 1

PS: В примере используется JQuery, как вы имели JQuery к нему. и образец предназначен только для включения, а не для переключения.

Пример кода:

$(document).on('click', '#switch', function() { 
    $('.off').css("z-index", -1); 
    $('.on').css("z-index", 1); 
})

Sample Fiddle

источник

2016-08-16 03:37:00 V31

Нарисуйте изображение поверх другого в Javascript

ответ

Смежные вопросы