SuperGalería (III)

Esta es la versión final de la galería. Podéis ver mi ejemplo en SuperGalería III.

Tiene las mismas funcinalidades de las dos primeras, pero resulta mucho más rápida, y no ajusta con bordes el paquete de imágenes, aún cuando la ventana sigue siendo ajustable.

El CSS:

<style type='text/css'>

#global{

width:100%;

height:10px;

border:1px solid black;

margin:0 auto;

position:relative;

overflow:auto;

background-color:black;

visibility:hidden;

}



.loading {

background: url(http://.../loadingcss.gif) no-repeat center top;

}



h1 {

color: white;

text-decoration: none;

}



h1:hover {

color:#ccc;

text-decoration: underline;

}

a {

color: white;

text-decoration: none;

}



a:hover {

text-decoration: underline;

}





button {

margin: auto;

cursor: pointer;

border: 1px solid white;

padding-left: 2px;

padding-right: 2px;

z-index: 100;

background: black;

color: white;

margin-top:2px;

}



button:hover {

background: white;

color: black;

}



</style>

.- SCRIPTS: El mismo Moo-Trunk y el script de la galería

<script src='http://.../mootools-trunk-1512.js' type='text/javascript'/>

<script src='http://junioscripts.googlepages.com/superGallery3.js' type='text/javascript'/>
<script type='text/javascript'>

window.addEvent(&#39;domready&#39;,function(){

var gallery = new SuperGallery(&#39;global&#39;,{fullSizeTransitions:{transition:&#39;quad:in:out&#39;}});

});

</script>

.- HTML: El mismo de las dos galerías anteriores (ver, p.e. SuperGalería (I))

Y se acabaron las galerías (menos mal... uf)