Я пытаюсь реализовать эффект «изображения при наведении» на диске веб-сайта с помощью Django. Каждая модель в моей базе данных содержит два разных изображения. Я хотел бы, чтобы изображение менялось, когда пользователь наводит курсор на «изображение по умолчанию», и чтобы оно менялось на «изображение при наведении». Вместо этого происходит то, что только первое изображение меняется на изображение при наведении. Если пользователь наводит курсор на любое другое изображение на странице, изменяется первое изображение вверху страницы.
Вот мой HTML
{% для элемента в записях %}
Вот мой JS
const imgElements = document.querySelectorAll('.model'); for (let i = 0; i < imgElements.length; i++) { const currentElement = imgElements; функция hoverImage() { currentElement.src = '{{element.hover_image}}'; } функция defaultImage() { currentElement.src = '{{element.default_image}}'; } } Это изменяет только первый элемент модели независимо от того, на какое изображение наводит курсор мыши
Мобильная версия