Hola otra vez:
Sobre el marco, lo que te falta es el fichero galeria.css... su contenido es este:
Código:
div.diapositiva {
position: relative;
border-width: 3px;
border-color: white;
border-style: outset;
margin: 5px 20px;
padding: auto;
background-color: #eeeeee;
}
div.diapositiva iframe {
position: absolute;
border-width: 3px;
border-color: white;
border-style: inset;
margin: 0px;
}
Para que no haya tanto borde, debes poner algo así:
var bordeMarco = 1;
var ratioMarco = 1;
... detrás de donde tienes el fichero galeria.js, y galeria.css, debe ser más o menos así:
div.diapositiva {
border: 1px solid black;
margin: 0px;
background-color: white;
}
div.diapositiva iframe {
border: 1px solid gray;
}
Pero sobre el aspecto de la galería te recomiendo que veas la página donde la presento, que tiene unas cuantas variaciones:
http://www.pepemolina.com\galeria\index.html
Y si quieres hablar del tema, es mejor este otro link, en donde van solucionándose dudas:
http://www.forosdelweb.com/f13/galeria-fotos-243928/
Lo del uso del evento onmouseover (pasar el ratón por encima), es algo más trabajoso, porque es algo constante, y el click es transitorio, se puede hacer algo, pero un poco trabajoso... haré algunas pruebas y veremos...
Otra cosa, entonces ¿no quieres que se realice nada desde el iframe?...
Esa cuestión no la tengo muy clara.
Saludos