multiple image swap

by lonetreedesign

HTML

<a style="cursor: pointer;" onmouseover="showImage ('https://numberonecigars.com/wp-content/uploads/2020/04/Hell-edited-scaled.jpg','Blue');" data-pin-nopin="true">Robusto</a> / <a style="cursor: pointer;" onmouseover="showImage('https://numberonecigars.com/wp-content/uploads/2020/05/Blendspic2-scaled.jpg','Blue');" data-pin-nopin="true">Jumbo</a>

<p><img src="https://numberonecigars.com/wp-content/uploads/2020/04/Hell-edited-scaled.jpg" id="currentImg" alt="Connecticut Hell Cigars" width="200px;" title="Connecticut Hell Cigars"></p>

<a style="cursor: pointer;" onmouseover="showImage2 ('https://numberonecigars.com/wp-content/uploads/2020/04/Dunkel-edited-scaled.jpg','Blue');" data-pin-nopin="true">Robusto</a> / <a style="cursor: pointer;" onmouseover="showImage2('https://numberonecigars.com/wp-content/uploads/2020/05/blendspic1-scaled.jpg','Blue');" data-pin-nopin="true">Jumbo</a>

<p><img src="https://numberonecigars.com/wp-content/uploads/2020/04/Dunkel-edited-scaled.jpg" id="currentImg-2" alt="Brazillian Dunkel Cigars" width="200px;"  title="Brazillian Dunkel Cigars"></p>

JavaScript

function showImage(imgPath, imgText) {
    var curImage = document.getElementById('currentImg');
    
    curImage.src = imgPath;
    curImage.alt = imgText;
    curImage.title = imgText;
 }

function showImage2(imgPath, imgText) {
    var curImage = document.getElementById('currentImg-2');
    
    curImage.src = imgPath;
    curImage.alt = imgText;
    curImage.title = imgText;
 }