JSFiddle - React, Tailwind, and code Playground
HTML
<div id='link_delete_holder' style='position:absolute;left:50px;top:10px'>
<img class='link_delete' src="http://placehold.it/150x150" />
</div>
CSS
.link_delete{
margin-bottom: 5px;
display: block;
}
JavaScript
// all images will have this trigger
$('#link_delete_holder').on({
mouseenter: function () {
$(this).attr('src', 'http://placehold.it/250x150');
},
mouseleave: function () {
$(this).attr('src', 'http://placehold.it/150x150');
}
}, '.link_delete');
// dynamic images added
for ( var i = 0; i < 5; i++ ) {
$('#link_delete_holder').append("<img class='link_delete' src='http://placehold.it/150x150' />");
}