Yo quiero hacer una galeria de imagenes en HTML. Imagino que la manera normal seria haciendo una tabla asi, de preferencia con borde cero:
<HTML>
<HEAD>
<TITLE>Ejemplo 10</TITLE>
</HEAD>
<BODY>
<H1>Tablas básicas</H1>
<TABLE BORDER="0">
<TR>
<TH>imagen 1</TH>
<TH>imagen 2</TH>
<TH>imagen 3</TH>
</TR>
<TR>
<TD>imagen 1</TD>
<TD>imagen 2</TD>
<TD>imagen 3</TD>
</TR>
<TR>
<TD>imagen 4</TD>
<TD>imagen 5</TD>
<TD>imagen 6</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Y adentro de los TD se pondria una imagen, a la que se le daria cierto tamaño:
<IMG SRC="http://www.tonamelt.com/Tona%20Fan%20Art/Tonamelt%2019.jpg" height="110" width="75">
Y para hacer que se abra en una nueva ventana, se pondria en hipervinculo con la funcion target.
<a href="http://www.tonamelt.com/Tona%20Fan%20Art/Tonamelt%2019.jpg" target="_blank">
<img src="http://www.tonamelt.com/Tona%20Fan%20Art/Tonamelt%2019.jpg" height="110" width="75" border="0"></a>
Okay, pero si yo quiero que la ventana que se abra con la imagen, sea una pop-up del mismo tamaño que la imagen. Como le anexaria el javascript que vi en su pagina en el html???
link: http://www.forosdelweb.com/post266570
<script language="javascript">
//script por Tunait
var ventana
var cont=0
var titulopordefecto = "Perico de los palotes" //texto por defecto a mostrar en la barra de título en caso de omitir el argumento titulo
function afoto(cual,titulo)
{
if(cont==1){ventana.close();ventana=null}
if(titulo==null){titulo=titulopordefecto}
ventana=window.open('','ventana','resizable=yes,sc rollbars=no')
ventana.document.write('<html><head><title>' + titulo + '</title></head><body style="overflow:hidden" marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" scroll="no" onUnload="opener.cont=0"><img src="' + cual + '" onLoad="opener.redimensionar(this.width, this.height)">')
ventana.document.close()
cont++
}
function redimensionar(ancho,alto)
{
ventana.resizeTo(ancho+12,alto+28)
ventana.moveTo((screen.width-ancho)/2,(screen.height-alto)/2) //centra la ventana. Eliminar si no se quiere centrar el popup
}
</script>
Se me complica el mezclar el html de la galeria de imagenes, con tu javascript de la pop-up del tamaño de la imagen. Pero imagino que asi quedaria mas cool.
