Ciao a tutti e grazie a chi potrà aiutarmi.
Premetto che sono a zero per quanto riguarda la programmazione.
Un amico mi ha dato un sito per gestire gallery fotografiche, veniamo al problema:
Il sito da quello che ho capito è strutturato su delle miniature e cliccando sulla miniatura si visualizza sulla destra la foto ingrandita, il mio problema è che bisogna ogni volta cliccare su una miniatura diversa per scorrere le foto, mi piacerebbe avere un tasto "Avanti" e uno "Indietro" per sfogliare le foto (Prev o Next).
Ho visto siti in cui cliccando sulla parte destra della foto si sfoglia in avanti e a sinistra il contrario.
Leggendo il codice sorgente sembrerebbe che i tasti ci siano ma non vengono visualizzati sulla foto e comunque non funzionano.
Grazie a chi vorrà aiutarmi, tenete presente che non capisco nulla o quasi di programmazione quindi scusatemi delle mostruosità che ho detto e che dirò.
Ciao
Ecco il codice:
Codice PHP:
<?php
// File inclusi
require_once('../engine/model.php');
?>
<html>
<script type="text/javascript">var message=""; function clickIE() {if (document.all) {(message); return false}} function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) {if (e.which==2||e.which==3) {(message); return false}}} if (document.layers) {document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS} else {document.onmouseup=clickNS; document.oncontextmenu=clickIE} document.oncontextmenu=new Function("return false")</script>
<head>
<title>Portfolio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../grafica/stili_client.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body {
background-image: url(../grafica/sfondo_tab.jpg);
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.Stile1 {font-size: smaller}
-->
</style>
<STYLE type="text/css">
.imgborder{
border-color: red;
border-width: 1px;
}
.imgnoborder{
border-color: black;
border-width: 1px;
}
</style>
</head>
<SCRIPT language=Javascript
src="../engine/utils.js">
</SCRIPT>
<body>
<table width="995" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="../grafica/sfondo_def_all.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="0%" height="700" valign="top">[img]../grafica/pixTra.gif[/img]</td>
<td width="24%" valign="top">
[img]../grafica/trasparente_sumenu.gif[/img]
<map name="Map">
<area shape="rect" coords="26,225,100,249" href="#top" onClick="aprichiudi('port')">
<area shape="rect" coords="112,225,194,250" href="home.php">
<area shape="rect" coords="9,9,133,68" href="index_destra.php">
</map>
</p>
<div align="left" id="port" style="display:none">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="15%" height="36"><p align="left" class="piccolo2"> </td>
<td width="85%"><?php
// prendo le categorie disponibili in GALLERY!!
$a=getCategorie($pathServer);
$j=0;
while (isset($a[$j]))
{
$nomeLink=$a[$j++];
?>
<?php if ($nomeLink!="FOTOINTRODUZIONE"){?>
[img]../grafica/pixTra.gif[/img]<a href="visualizzaGallery.php?nomeCat=<?php echo $nomeLink?>">
<?php if($nomeLink==$_REQUEST['nomeCat']) echo "[b][i]".$nomeLink."[/i][/b]"; else echo $nomeLink?>
</a> <span class="descr">
<?php } ?>
<?php
}
?>
</span></td>
</tr>
</table>
</div>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="15%" valign="top"> </td>
<td width="85%" valign="top"><?php
// prendo direttamente le miniature...cioè la categoria!!!
$b=getFotoByCat(stripslashes(chop($_GET['nomeCat'])),$pathServer,$pathMini,$grandezzaMiniatura);
// genero il random ....
$rab=$b;
shuffle($rab);
// ordino l'array...
sort($b);
// modifiche JAVASCRIPT
?>
<SCRIPT language=Javascript >
// var arrImm=new Array(<?php for ($ii=0;$ii<count($b);$ii++) echo "\"".$b[$ii]."\",";?>"end");
</script>
<?php
// fine modifiche
$j=0;
while (isset($b[$j]))
{
$nomeFile=$b[$j++];
if (isset($_GET['nomeFile']) && $nomeFile==stripslashes($_GET['nomeFile']))
{
//prendo l'immagine precedente
$contSucc=$j;
$contPre=$j-2;
if ($contPre!=-1) $imgPre=$b[$contPre]; //img precedente
if ($contSucc!=count($b)) $imgSucc=$b[$contSucc]; //img successiva
?>
[img]../mini/<?php echo stripslashes($_GET['nomeCat']) ?>/<?php echo $nomeFile?>[/img]
<?php
}
else
{
?>
[url="#top"][img]../mini/<?php echo stripslashes($_GET['nomeCat']) ?>/<?php echo $nomeFile?>[/img]/<?php echo $nomeFile?>',grande)">[/url]
<?php
}
}
?>
<?php
// per una questione di allineamento...
//if ($j<12) echo "
</p>";
?> </td>
</tr>
</table>
</td>
<td width="76%" valign="top"><div align="center">
</p>
<table width="650" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#3C3C3C">
<tr>
<?php
if (isset($_GET['nomeFile']))
{
?>
<td width="107" height="19" align="center"><?php if ($contPre!=-1) {?>
<div align="right"></div>
<div align="right">[url="visualizzaGallery.php?nomeCat=<?php echo stripslashes($_GET['nomeCat']) ?>&nomeFile=<?php echo $imgPre?>"]<span class="Stile1">[b]< [/b]prev</span>[/url]<font color="#999999">
<?php } ?>
</font></div></td>
<td width="442" align="center"><font color="#999999"> <span class="piccolo2"><font color="#CCCCCC"><?php echo stripslashes($_REQUEST['nomeCat'])?></font></span></font> </td>
<td width="101" align="center"><div align="left"><font color="#999999">
<?php if ($contSucc!=count($b)) {?>
</font>[url="visualizzaGallery.php?nomeCat=<?php echo stripslashes($_GET['nomeCat']) ?>&nomeFile=<?php echo $imgSucc?>"]<span class="Stile1">next [b]>[/b]</span>[/url]
<?php } ?>
</div></td>
<?php } else {?>
<td width="650" align="center"><font color="#999999"> <span class="piccolo2"><font color="#CCCCCC"><?php echo stripslashes($_REQUEST['nomeCat'])?></font></span></font> </td>
<?php }?> </tr>
</table>
<span class="piccolo"><font color="#999999">
<?php
if (!(isset($_GET['nomeFile'])))
{
?>
</font></span> </p>
</div>
<table width="10" border="1" align="center" cellpadding="1" cellspacing="0" bordercolor="#151515">
<tr>
<?php
//prendo l'elemento random...
$randomImage = $rab[0];
?>
<td bordercolor="#151515" bgcolor="#151515"><div align="center">[img]../gallery/<?php echo stripslashes($_GET['nomeCat'])?>/<?php echo $randomImage?>[/img]</div>
</td>
</tr>
</table>
<?php
}
else
{
?>
<table width="40" border="1" align="center" cellpadding="1" cellspacing="0" bordercolor="#151515">
<tr>
<td bordercolor="#151515" bgcolor="#151515"><div align="center">[img]../gallery/<?php echo stripslashes($_GET['nomeCat'])?>/<?php echo stripslashes($_GET['nomeFile'])?>[/img]</div>
<div align="right"></div>
<div align="right"> </div>
</td>
</tr>
</table>
<?php
}
?>
<p align="center">
<span class="nomi">[img]../grafica/copy.jpg[/img]</span>
<map name="Map2">
<area shape="rect" coords="360,3,442,14" href="mailto:email@mail.it">
</map>
</p>
<p align="center">[url="http://www.sito.com"][img]../grafica/poweredBy.gif[/img][/url]
</p>
</td>
</tr>
</table></td>
</tr>
</table>
<map name="Map">
<area shape="rect" coords="16,91,87,113" href="#top" onClick="aprichiudi('port')">
<area shape="rect" coords="108,92,184,113" href="home.php">
<area shape="rect" coords="9,22,191,66" href="index_destra.php">
</map>
</body>
</html>
Rispondi quotando
