« Volver al inicio

Galería de fotos

Bajar la galeria en zip
Minitutorial
 

Código fuente
<script>
/**************************************************************
 Galería de fotos en javascript. Por Carlitos. carlosbernad@teleline.es
 Script original para mostrar las fotos por Tunait (javascript.tunait.com). ajustes por Carlitos
 Si usas este script, deja intactas estas líneas (créditos). Vale?
 También te agradecería un e-mail con tus comentarios. (carlosbernad@teleline.es)
 Galería de fotos v.1 En fase de experimentación.
****************************************************************/

url = location.href
val = url.indexOf("?")
if (val != -1) pagina = url.substring(val+1,url.length)
else pagina = "1"
c="<script type='text/JavaScript' src='pagina"+pagina+".js'> </sc"+"ript>"
document.write(c)
</script>
<body>
<p class="titulo">Galería de fotos</p>
<script>
var ventana
var cont=0

function verfoto(cual)
{
if(cont==1){ventana.close();ventana=null}
ventana=window.open('','ventana','resizable=yes,scrollbars=no')
ventana.document.write('<html><head><title>Fotos</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="'+dir+afoto[cual] + '.jpg" 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) 
}
var col=colums
var pag=1
if (totpg==0) alert("No hay fotos para mostrar")
else
{
document.write('<center><table border="1" style="cursor:hand">')
for (maxfoto;maxfoto>=1;maxfoto--)
{
if (col==colums) document.write('<tr>')
document.write('<td><img src="'+dirth+afoto[maxfoto]+'.jpg" alt="Pulsa para ampliar" onClick="verfoto('+maxfoto+')"></td>');col--
if (col==0) {document.write('</tr>');col=colums}
}
document.write('</table>')
document.write('Página: ') 
for (pag;pag<=totpg;pag++)
{
if (pag==pagina) document.write('<font size="+1">'+pag+'</font>')
else document.write('<a href="afotos.htm?'+pag+'">'+pag+'</a>')
document.write(' ')
} 
document.write('</center>')
}
</script>
</body>

***********

(código fuente de variables.js)

totpg=3 // Total de páginas
colums=2 // Nº de columnas a mostrar en cada página

***********

(Código fuente de pagina1.js)

maxfoto=3 // Nº de fotos en esta página 
dir="fotos/" // Directorio de las fotos de esta página 
dirth="fotos/thumbs/" // Directorio de las miniaturas de esta página.
afoto=new Array()
afoto[1]="parque1"
afoto[2]="parque2"
afoto[3]="parque3"

************

(Código fuente de pagina2.js)

maxfoto=3 // Nº de fotos en esta página 
dir="fotos/" // Directorio de las fotos de esta página 
dirth="fotos/thumbs/" // Directorio de las miniaturas de esta página.
esta=2 // Nº de esta página
afoto=new Array()
afoto[1]="parque4"
afoto[2]="parque5"
afoto[3]="parque6"

************

(Código fuente de pagina3.js)

maxfoto=2 // Nº de fotos en esta página 
dir="fotos/" // Directorio de las fotos de esta página 
dirth="fotos/thumbs/" // Directorio de las miniaturas de esta página.
esta=3 // Nº de esta página
afoto=new Array()
afoto[1]="parque7"
afoto[2]="parque8"