Hola
Vayamos por partes:
Aquí tienes un ejemplo de apertura de ventanas, la idea, sería que hicieras una página con cada imagen y a cada número le asignes una página:
Código:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<script type="text/javascript">
<!--
function abrir_ventana(x,y,z) {
var ventana = window.open(x+".htm", x, "width="+y+", height="+z+", status=no, scrollbars=no, toolbars=no, menubar=no");
}
//-->
</script>
<title>Abrir ventana</title>
</head>
<body>
<p>
<a href="javascript:abrir_ventana('foto_01',100,100)">1</a>
</p>
</body>
</html>
Como ves, la llamada al script es flexible y por lo tanto, puedes asignarle cada vez el tamaño necesario para que la ventana sea adecuada a la foto.
Sobre el video, creo que no te has explicado muy bien, pero veamos:
¿cuadro fijo? ¿te refieres a que se abra en un fotograma o escena determinado del video o a que esté en una posición determinada de la página?
Sobre la codificación, te diré que el avi es muy muy pesado para videos, aunque sea en una lan.
Sobre el formato, para que se vea un video en algún formato, lo que has de hacer, es instalar el visor correspondiente en cada máquina cliente, por ejemplo, si está en avi, con el windows media ya basta, si lo quieres poner en real media, deberás instalar el real player, y así con cada formato.
Finalmente para insertar el video en la página, deberías usar la etiqueta <object>, te recomiendo que busques un poco de documentación al respecto, ya se en estos foros, o en internet
Suerte
Felicidad