SuperGalería (II)

Esta ha sido la base para el resultado final de las galerías de Poudro. Podéis ver mi ejemplo AQUÍ.

Hay alguna diferencia con la anterior y la siguiente a ella:

1. Las ooltips de cada imagen se despliegan al pie de ésta, cuando se pasa el ratón.





2. Las imágenes se pasan clickando sobre su representación en la barra lateral izquierda.





3. No hay barra lateral para guardar archivos ni "draggable" de imágenes.

En cuanto al resto, funciona igual y la apariencia es la misma.

Por lo que se refiere a su realización, colocamos este CSS:

<style type='text/css'>

body,html{

background-color:#333;

height:90%;

margin:0;

padding:0;

}

#global{

margin:5%;

height:90%;

border:1px solid #888;

position:relative;

overflow:auto;

background-color:black;

}

h1 {

color: white;

text-decoration: none;

}



h1:hover {

color:#ccc;

text-decoration: underline;

}



</style>

.- SCRIPTS:
Usaremos, de nuevo, el Mootools trunk, pero cambiamos el script de la galería:

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

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

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

var gallery = new SuperGallery(&#39;global&#39;);

});

</script>

.- HTML: Es el mismo que el de la SuperGalería (I)