Crear slide show en html

Hola muy buenas. Mi pregunta es la siguiente:

Tengo una página web diseñada, en la misma quiero poner una especie de pase de imágenes, las cuales al pasar el ratón, esta aumente a su tamaño original y quede centrada.

Lo he realizado así con este código que he encontrado por Internet:

<img width="100px" height="80px"src="URL de la imagen" onmouseover="this.width=400;this.height=300;" onmouseout="this.width=100;this.height=80;" width="100" height="80" /> Explico: Los valores que están en negrita siempre tienen que ser iguales height y width El valor que está en cursiva y negrita, es el tamaño al que quieres que se aumente la foto cuando se pase el cursor sobre la misma aclaro: -width: anchura; -height: altura, así es como lo indica.

Bueno pues yo realize una tabla, donde van las miniaturas, en este caso de 100X80 px, ingreso la url donde esta la imagen que quiero que se vea y con estas dimensiones, 1024X768, pero al pulsar en una imagen esta no me queda centrada en la pantalla. Se descuadra al lado izquierdo, este problema solo lo veo en explorer y chrome, ya que firefox, si lo abre correctamente.

Quisiera saber si hay alguna forma no muy complicada de hacerlo, es decir que al pasar el ratón, la foto aumente y quede centrada, y si alguien quiere que la baje.

He visto en esta página un slide show, creo que se llama así, que es bastante chulo, y es que en la parte inferior crea una especie de cinta y en la superior la imagen que hay en la miniatura y aumentada y centrada al mismo tiempo, si está permitido y lo quieren ver, esta es la dirección:

http://www.bancodeimagenesgratis.com

En espera de su contestación, atentamente:

Óscar

Añade tu respuesta

Haz clic para o