Galería de fotos
Bajar la galeria en zip Minitutorial
<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"