<!DOCTYPE html>
<html>
<head>
<style type=”text/css”>
.image-container{
width:300px;
height:300px;
padding:10px;
}
.extra {
display:none;
}
.image-container:hover .extra,
.image-container:focus .extra {
display:block;
}
</style>
</head>
<body>
<p>
Teste Hover 10A variante 1 com div onclick englobante
</p>
<div onclick>
<div class=”image-container”>
<div class=”extra”>
<a href=”#”><img src=” http://www.histologia.pro.br/wp-content/uploads/2016/10/6-matrizterrit.jpg ” onmouseover=”this.src=’ http://www.histologia.pro.br/wp-content/uploads/2016/10/6-matrizterritMO.jpg ‘” onmouseout=”this.src=’ http://www.histologia.pro.br/wp-content/uploads/2016/10/6-matrizterrit.jpg ‘” /></a></div>
<p> </p>
<div onclick=””>Clique para voltar à imagem anterior!</div>
</div>
</body>
</html>