Make sure to add the class img-swap to your image element
Javascript Code
<script>
const imgContainer = document.querySelector('.img-swap img');
imgContainer.addEventListener('mouseover', () => {
imgContainer.srcset = '';
setTimeout(() => {
imgContainer.srcset = '';
}, 300);
setTimeout(() => {
imgContainer.srcset = '';
}, 600);
});
imgContainer.addEventListener('mouseout', () => {
imgContainer.srcset = '';
});
</script>
Hey, i used your code and it works fine for the first image, but when i try to add it to other images it simply won’t work, i added different clases to all the images but it doesnt do anything
Use this method. I created a new video. https://urielsoto.com/change-image-on-hover-in-elementor/