Tasto avanti indietro galleria di immagini

**mgmily** · 18-10-2009, 11:14

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]&lt; [/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]&gt;[/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>

Discussione: Tasto avanti indietro galleria di immagini

Strumenti discussione

Ricerca discussione

Visualizza

Visualizzazione discussione

Tasto avanti indietro galleria di immagini

Permessi di invio