Ciao a tutti,
ho realizzato a scopo didattico una galleria fotografica con preload di immagini, ma ho la sensazione che non funzioni, o che sbagli qualcosa...
vi posto il codice...se qualcuno ha qualche suggerimento dica pure
Il codice è intero, ma la parte che interessa è il javascript...
lo script è abbastanza lungo, il javascript è questo:codice:<?php if (isset($_GET["evento"])) { $evento = $_GET["evento"]; } else { header("Location: index.php"); } if (isset($_GET["pic"])) { $foto = $_GET["pic"]; } else { $foto = '1'; } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <?php $myDirectory = "gallerie/galleria".$evento; $files = scandir($myDirectory); $size = sizeof($files); $max = 0; for ($i = 0; $i<$size; $i++) { if (substr_count($files[$i], '.jpg') == 1 || substr_count($files[$i], '.JPG') == 1) { $max++; } } ?> <head> <title>Galleria</title> <?php require("head.php"); ?> <script language="JavaScript"> if (document.images) { preload_image_object = new Image(); image_url = new Array(); <?php $piuuno = $foto + 1; $piudue = $foto + 2; $piutre = $foto + 3; echo "image_url[0] = \"gallerie/galleria$evento/$piuuno.jpg\";\n"; echo "image_url[1] = \"gallerie/galleria$evento/$piudue.jpg\";\n"; echo "image_url[2] = \"gallerie/galleria$evento/$piutre.jpg\";\n"; ?> var i = 0; for(i=0; i<=2; i++) { preload_image_object.src = image_url[i]; } } </script> </head> <body> <?php require("heade.php"); ?> <div class="bordo"> <div class="spazio"></div> <div class="main"> <div class="spazio"></div> <div class="normal"> <?php $menodue = $foto - 2; $precedente = $foto - 1; $successiva = $foto + 1; $piudue = $foto +2; if ($menodue == '0' || $menodue == '-1') { $menodue = ""; } if ($precedente == '0' || $precedente == '-1') { $precedente = ""; } if ($successiva == $max + 1 ||$successiva == $max + 2) { $successiva = ""; } if ($piudue == $max + 1 || $piudue == $max + 2) { $piudue = ""; } ?> <div class="legis_int"> Galleria </div> <div class="legis_corpo"> <div class="legis_corpo_int"> <div style="height:20px;"></div> <div style="width:700px;;border:2px solid blue;margin:0 auto;text-align:center;"> <div style="width:600px;height:40px;margin:0 auto;"> <table> <tr> <td style="width:25%"> <?php if ($precedente != "") { echo "<a href=\"galleria.php?evento=$evento&pic=$precedente\">"; } ?> <div style="width:150px;height:30px;line-height:30px;border: 1px solid blue; background:#CCC;"> Indietro </div> <?php if ($precedente != "") { echo "</a>"; } ?> </td> <td style="width:50%;"> <div style="text-align:center;width:100%"> <table style="margin:0 auto;"> <tr> <td> <?php if ($menodue != "") { echo "<a href=\"galleria.php?evento=$evento&pic=$menodue\">"; } ?> <div style="width:25px;height:30px;line-height:30px;border:1px solid blue<?php if($menodue == "") echo "visibility:hidden"; ?>"> <?php echo $menodue; ?> </div> <?php if ($menodue != "") { echo "</a>"; } ?> </td> <td> <?php if ($precedente != "") { echo "<a href=\"galleria.php?evento=$evento&pic=$precedente\">"; } ?> <div style="width:25px;height:30px;line-height:30px;border:1px solid blue<?php if($precedente == "") echo "visibility:hidden"; ?>"> <?php echo $precedente; ?> </div> <?php if ($precedente != "") { echo "</a>"; } ?> </td> <td> <div style="width:25px;height:30px;line-height:30px;border:1px solid blue;font-weight:bold;background:#BBB"> <?php echo $foto; ?> </div> </td> <td> <?php if ($successiva != "") { echo "<a href=\"galleria.php?evento=$evento&pic=$successiva\">"; } ?> <div style="width:25px;height:30px;line-height:30px;border:1px solid blue<?php if($successiva == "") echo "visibility:hidden"; ?>"> <?php echo $successiva; ?> </div> <?php if ($successiva != "") { echo "</a>"; } ?> </td> <td> <?php if ($piudue != "") { echo "<a href=\"galleria.php?evento=$evento&pic=$piudue\">"; } ?> <div style="width:25px;height:30px;line-height:30px;border:1px solid blue<?php if($piudue == "") echo "visibility:hidden"; ?>"> <?php echo $piudue; ?> </div> <?php if ($piudue != "") { echo "</a>"; } ?> </td> </tr> </table> </div> </td> <td style="width:250%"> <?php if ($successiva != "") { echo "<a href=\"galleria.php?evento=$evento&pic=$successiva\">"; } ?> <div style="width:150px;height:30px;line-height:30px;border: 1px solid blue; background:#CCC;"> Avanti </div> <?php if ($successiva != "") { echo "</a>"; } ?> </td> </tr> </table> </div> <div style="width:600px;margin:0 auto;"> [img]gallerie/galleria<?php echo $evento ?>/<?php echo $foto ?>.jpg[/img] </div> <div style="height:20px;"></div> </div> <div style="height:20px;"></div> </div> <div class="spazio"></div> </div> </div> <div class="spazio"></div> <div class="spazio1"></div> </div> <div class="spazio"></div> </div> </body> </html>
se qualcosa non è chiaro chiedete purecodice:<script language="JavaScript"> if (document.images) { preload_image_object = new Image(); image_url = new Array(); <?php $piuuno = $foto + 1; $piudue = $foto + 2; $piutre = $foto + 3; echo "image_url[0] = \"gallerie/galleria$evento/$piuuno.jpg\";\n"; echo "image_url[1] = \"gallerie/galleria$evento/$piudue.jpg\";\n"; echo "image_url[2] = \"gallerie/galleria$evento/$piutre.jpg\";\n"; ?> var i = 0; for(i=0; i<=2; i++) { preload_image_object.src = image_url[i]; } } </script>
grazie a tutti!!


Rispondi quotando