Para esto tenéis que poner este código en un gadget HTML JAVA-SCRIPT, o en una entrada en HTML.
<div class="separator" style="clear: both; text-align: center;">
<a class="hovergallery"
href="URL DE LA PAGINA " target="_blank">
<img src=" URL DE LA IMAGEN " /></a>
<a class="hovergallery"
href="URL DE LA PAGINA " target="_blank">
<img src=" URL DE LA IMAGEN " /></a>
<style type="text/css">
.hovergallery img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 1px 5px 0;
}
.hovergallery img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}
</style></div>
Si queréis añadir mas solo tenéis que añadir,
<a class="hovergallery"
href="URL DE LA PAGINA " target="_blank">
<img src=" URL DE LA IMAGEN " /></a>
Solo teméis que poner la URL DE LA IMAGEN , Y LA URL DE LA PAGINA, que queréis que al pinchar la foto os direccione.
