Ocultar texto hasta que le den al botón



<div id="spoiler" style="display: none;">
Aquí escribe lo que no quieras que se lea hasta que den al botón
</div>
<button onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}" title="Click to show/hide" type="button">Ver información </button>

Descripción en una imagen o foto al pasar el ratón


<center><style type="text/css">
.img-side{
background: #E7E7E9;
color: #000000;
width: 305px;
height: 305px;
margin-top:-315px;
opacity: 0;
-webkit-transition:all .5s ease-in-out; }
.img-side:hover{
opacity:.7
}
</style>
<img src="https://1.bp.blogspot.com/-vZsEdPLtw_s/WNoqsxtctkI/AAAAAAAAAro/sUG0OucJUFI4rVhZ6930Rc9hgAPZeBCZwCLcB/s1600/yt_logo.png" width="300" />
<br />
<div class="img-side">
<br />
<center><FONT FACE="arial" SIZE=2 COLOR=#000000>AQUI LA DESCRIPCION QUE QUIERES QUE SALGA AL PONER EL RATON SOBRE LA IMAGEN</FONT></center></div></center>

cambiar una imagen por otra al pasar el raton



<img src="URL de la imagen inicial" onmouseover="this.src='URL de la imagen posterior';" onmouseout="this.src='URL de la imagen inicial';"/>


Related Posts Plugin for WordPress, Blogger...