JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
</head>
<body>
<input type="image" class="images" name="imageField" src="http://farm8.staticflickr.com/7258/7568930764_0d5a358c10_s.jpg" value="http://farm8.staticflickr.com/7258/7568930764_0d5a358c10_n.jpg" width="75" height="75"/>
<input type="image" class="images" name="imageField" src="http://farm8.staticflickr.com/7274/6945202600_bcf1f82994_s.jpg" value="http://farm8.staticflickr.com/7274/6945202600_bcf1f82994_n.jpg" width="75" height="75"/>
<input type="image" class="images" name="imageField" src="http://farm9.staticflickr.com/8459/8010363859_56155e0c15_s.jpg" value="http://farm9.staticflickr.com/8459/8010363859_56155e0c15_n.jpg" width="75" height="75"/>
<div id="CajaTabs"></div>
</body>
</html>
CSS
body {
text-align: center;
}
input[type=image]{
margin: 0 auto;
}
JavaScript
$(document).ready(function(){
$("input.images").click(function(){
var carga = $(this).val();/*Tomamos en value de el input al que le acaban de dar click*/
var anchoImg = "320px"; /*Cambia valores para el width que necesitas*/
var largoImg = "306px";/*Cambia valores para el height que necesitas*/
$("#CajaTabs").html('<img src="'+ carga +'" style="width:'+ anchoImg +'; height:'+ largoImg +';"/>');/*Aquí "pintamos" la imagen dentro del div "#CajaTabs"*/
});
});