JSFiddle - React, Tailwind, and code Playground

by Cath_kb

HTML

<script src="http://code.jquery.com/jquery-latest.js"></script>
<div class='content'>
  <img id='mainImg' src='https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRg4wXSkkw4h_m4Wiyv7P86HEPuMehK5UWzLnM0y0Kxtw6UxPIrLA' />
  <span id='newImg_url'>https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTegq8FUtYpXs59xfyO_g5qrUgy9UAIPJiBTwOMH_4nAWys9ZsK</span>
</div>

CSS

#newImg_url {
  display: none;
}

JavaScript

$(document).ready(function() {
   $('.content').hover(function() {
       var newImg = $('#newImg_url').val();
       $('#mainImg').attr('src', newImg);
   });
});