Mi sfugge qualcosa...
Ho 2 tipi di galleria fotografica, una è questa e sta tutta in un file html:
[PHP<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="it" />
<meta name="Robots" content="All" />
<meta name="Description" content="HTML.it - il sito italiano sul Web publishing" />
<meta name="Keywords" content="Lo script permette di realizzare una galleria di immagini con effetto "crossfade". Il passaggio da un'immagine all'altra avverrà, infatti, con un effetto dissolvenza gestibile nella durata. Lo script è compatibile sia con Explorer che con altri browser ma il "crossfade" sarà visibile solo con il software di casa Microsoft. In ultimo è importante notare che, per una migliore riuscita dell'effetto, le immagini dovrebbero avere tutte la stessa grandezza." />
<meta name="Owner" content="HTML.it srl" />
<meta name="Author" content="HTML.it srl" />
<meta name="Copyright" content="HTML.it srl" />
<script type="text/javascript" language="JavaScript">
<!--
var slideShowSpeed = 2000
var crossFadeDuration = 3
var Pic = new Array()
Pic[0] = '01.gif'
Pic[1] = '02.gif'
Pic[2] = '03.gif'
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans (duration=2)"
document.images.SlideShow.style.filter="blendTrans (duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply ()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play( )
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
//-->
</script>
</head>
<body onload="runSlideShow()">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="VU" height=100 width=100>
[img]01.gif[/img]</td>
</tr>
</table>
</div>
<div align="center">
[img]logo_htmlit.gif[/img]
</div>
</body>
</html>[/PHP]
Un'altra è invece questa, costituita da 2 file:
photogallery.js :
Codice PHP:
/* elementi variabili */
ncol=5;
// numero colonne;
nfoto=10;
// numero foto;
folder="image/";
//cartella in cui sono contenute le immagini
prefisso="image";
// elemento costante delle foto (image1.jpg,image2.jpg => image)
suf_big="_big";
// suffisso per le foto grandi
suf_small="";
// suffisso per le foto piccole
ext=".jpg";
// estensione foto
/* fine elementi variabili */
function photo_grande(){
document.write("<img src=\""+folder+prefisso+"0"+suf_big+ext+"\" name=\"grande\" border=\"0\">");
}
function photo_gallery(){
document.write("<table cellspacing=\"0\" cellpadding=\"2\" border=\"0\">");
for (i=1;i<=nfoto;i++){
if (i%ncol==1) document.write("<tr>");
document.write("<td><a href=\"#a\" onclick=\"document.grande.src='"+folder+prefisso+(i-1)+suf_big+ext+"'\">");
document.write("<img src=\""+folder+prefisso+(i-1)+suf_small+ext+"\" border=\"0\"></a></td>");
if (i%ncol==0) document.write("</tr>");
}
document.write("</table>");
}
e index.php
Codice PHP:
<html>
<head>
<title>Moto GP 2006 - Screenshot</title>
<script type="text/javascript" src="photogallery.js"></script>
</head>
<body>
<script type="text/javascript">photo_grande();</script>
<script type="text/javascript">photo_gallery();</script>
</body>
</html>
<?php
// codice php
?>
Ebbene, ciò che non capisco (nonostante varie prove non mi funziona) è dove devo mettere il codice di creazione array che mi avete suggerito. 
Un esempio pratico chiarirebbe ogni dubbio! 
Grazie per la vostra disponibilità.
Rispondi quotando
