Fix Alt text not showing when image width too low to fit

imageReplace

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<style>
.alt-div{
	text-align : center;
	vertical-align:middle;
	min-height : 200px;
	min-width  : 200px;
}
</style>

<!-- PUT WHERE IS APPEARS CURRENTLY -->

ADD class my-img TO IMAGE TAG
<div class="alt-div" style="display:none;"/>

<script>

$(document).ready(function(event){

	updateImageAlt();
});

var updateImageAlt = function(event){
	$("img").each(function(index,image){
	      
	      if(!$.trim($(image).attr("src"))){

	      	
	      	var altDiv = $(image).closest("a").find('.alt-div');
			
			$(image).hide();

			altDiv.height($(image).height());		      	
			altDiv.height($(image).width());

			altDiv.text($(image).attr("alt"));
			altDiv.show();
	      }
	})
}

</script>