22 lines
721 B
JavaScript
22 lines
721 B
JavaScript
/*
|
|
* Image hover swap
|
|
*/
|
|
function valueSwap(v1, v2) {
|
|
return [v2, v1]
|
|
}
|
|
|
|
const productItemImages = document.querySelectorAll('.product__with-img-swap')
|
|
|
|
productItemImages.forEach(productItemImage => {
|
|
productItemImage.addEventListener('mouseover', event => {
|
|
if (event.target.dataset.altimgSrc != '') {
|
|
[event.target.src, event.target.dataset.altimgSrc] = valueSwap(event.target.src, event.target.dataset.altimgSrc)
|
|
}
|
|
})
|
|
productItemImage.addEventListener('mouseout', event => {
|
|
if (event.target.dataset.altimgSrc != '') {
|
|
[event.target.src, event.target.dataset.altimgSrc] = valueSwap(event.target.src, event.target.dataset.altimgSrc)
|
|
}
|
|
})
|
|
})
|