HTML-элементы DJANGO и JavascriptHtml

Программисты Html
Ответить
Гость
 HTML-элементы DJANGO и Javascript

Сообщение Гость »


Я пытаюсь реализовать эффект «изображения при наведении» на диске веб-сайта с помощью 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}}'; } } Это изменяет только первый элемент модели независимо от того, на какое изображение наводит курсор мыши
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»