Javascript gallery

17-02-2008, 15.18.19

Salve a tutti, ho trovato questo javascript che vorrei mettere nel mio sito, solo che non riesco a configurarlo.

Gallery

Questa è la mia pagina web, qualcuno sa dirmi cosa c'è che non va?

http://kutolenko7.altervista.org/sit...co/gallery.php

Questo è il codice del file js:

Codice:

function setta_immagine(n){

        if(immagine_attiva!=n){

            var da_attivare=$('immagine'+n);

            var da_disaattivare=$('immagine'+immagine_attiva);

            var myFx = new Fx.Style(da_disaattivare, 'opacity').start(1,0);

            var myFx = new Fx.Style(da_attivare, 'opacity').start(0,1);

            immagine_attiva=n;
        }
}

function scorri_immagine(direzione){

            n=immagine_attiva;

            if(direzione=="right")
                {n++;m=1;}
            else
                {n--;m=-1;}

            if(n==numero_immagini+1)n=1;

            if(n==0)n=numero_immagini;    

            var da_attivare=$('immagine'+n);

            var da_disaattivare=$('immagine'+immagine_attiva);   

            var img_da_attivare=$('immagine'+n).getFirst();

            var img_da_disaattivare=$('immagine'+immagine_attiva).getFirst();                      

            var myFx = new Fx.Style(img_da_attivare, 'margin-left').set(220*m);

            var myFx = new Fx.Style(da_attivare, 'opacity').set(1);

            var myFx = new Fx.Style(img_da_disaattivare, 'margin-left').start(0,-220*m).chain(
                    function resetta(){
                                var myFx = new Fx.Style(da_disaattivare, 'opacity').set(0);
                                var myFx = new Fx.Style(img_da_disaattivare, 'margin-left').set(0);
                    }
            );

            var myFx = new Fx.Style(img_da_attivare, 'margin-left').start(220*m,0);

            immagine_attiva=n;

        }

var numero_immagini=2;
var immagine_attiva=1;

window.addEvent('domready',
    function (){
        for(i=1;i<=numero_immagini;i++){
            if(i!=immagine_attiva && $('immagine'+i))$('immagine'+i).setStyle('opacity','0');
        }
    }
);

Mentre questo è il codice html:

Codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it"> <head>
 <link rel="stylesheet" type="text/css" href="css/index.css" media="screen" />
<script type="text/javascript" src="mootools.v1.11.js"></script>
<script type="text/javascript" src="gallery.js"></script>
 <title>Le Stanze del Canonico</title>
</head> <body>

<div id="contenitore">
 
 <div id="intestazione">
  <h1>Le Stanze del Canonico</h1>
  <address>
    Via del Campo 10<br />
    Bevagna (PG)<br />
    +39 051 4841203
  </address>
 </div>


 <div id="contenuto">

  <?php include("./menu.txt") ?>

  <div id="testo">
   <h2>Fotogallery</h2>
   </div>

<div id="galleria">
    <a onClick="setta_immagine(1);" href="#gal"><img alt="" src="http://kutolenko7.altervista.org/sito/Stanzedelcanonico/galleria/and_008.jpg" /></a>
    <a onClick="setta_immagine(2);" href="#gal"><img alt="" src="http://kutolenko7.altervista.org/sito/Stanzedelcanonico/galleria/BB_001.jpg" /></a>
  
</div>

<div id="navthumb">
    <a onclick="scorri_immagine('left');" href="#gal">Indietro</a>
    <a onclick="scorri_immagine('right');" href="#gal">Avanti</a>
</div>

<div id="galleriafoto">

    <div align="left" class="foto" id="immagine1"><img src="http://kutolenko7.altervista.org/sito/Stanzedelcanonico/galleriaGrande/and_008.jpg" alt="" /></div>
    <div align="left" class="foto" id="immagine2"><img src="http://kutolenko7.altervista.org/sito/Stanzedelcanonico/galleriaGrande/BB_001.jpg" alt="" /></div>

</div>

 </div>
</div>

<div id="piepagina">
 <p>Prodotto da Kutolenko - &copy; 2008 LeStanzedelCanonico.it</p>
</div>

</body> 

</html>

[DS] Usa i tag di codice e non il tag QUOTE per riportarne ampi stralci, si legge meglio... e non esce un post kilometrico

**funcool** · 18-02-2008, 11.05.41

Il problema dovrebbe essere dato dal fatto che non hai caricato il file "mootools.v1.11.js". Lo puoi scaricare da qui.

18-02-2008, 14.00.53

Ce l'ho, l'ho messo nella stessa cartella del file da cui lo richiamo.

**funcool** · 18-02-2008, 14.03.51

Non c'è.

18-02-2008, 22.46.21

Hai ragione, ho sbagliato a mettere il nome, è questo: mootools-release-1.11.js

Solo che non va lo stesso....il codice è questo, ho cambiato solo il nome del file js

Codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it"> <head>
 <link rel="stylesheet" type="text/css" href="css/index.css" media="screen" />
<script type="text/javascript" src="mootools-release-1.11.js"></script>
<script type="text/javascript" src="gallery.js"></script>
 <title>Le Stanze del Canonico</title>
</head> <body>

<div id="contenitore">
 
 <div id="intestazione">

  <h1>Le Stanze del Canonico</h1>
  <address>
    Via del Campo 10<br />
    Bevagna (PG)<br />
    +39 051 4841203
  </address>
 </div>

 <div id="contenuto">

  <div id="menu">

<ul>

<li><a href="Le_Stanze_del_Canonico.php" title="Le Stanze del Canonico">Home</a></li>

<li><a href="menu.php" title="prova">Stanze</a></li>

<li><a href="menu.php" title="prova">Sala Pranzo</a></li>

<li><a href="gallery.php" title="Fotogallery">Gallery</a></li>

<li><a href="menu.php" title="prova">Dove siamo</a></li>

<li><a href="menu.php" title="prova">Contatti</a></li>

</ul>

</div>
  <div id="testo">
   <h2>Fotogallery</h2>

   </div>

<div id="galleria">
    <a onClick="setta_immagine(1);" href="#gal"><img alt="" src="http://kutolenko7.altervista.org/sito/Stanzedelcanonico/galleria/and_008.jpg" /></a>
    <a onClick="setta_immagine(2);" href="#gal"><img alt="" src="http://kutolenko7.altervista.org/sito/Stanzedelcanonico/galleria/BB_001.jpg" /></a>
  
</div>

<div id="navthumb">
    <a onclick="scorri_immagine('left');" href="#gal">Indietro</a>
    <a onclick="scorri_immagine('right');" href="#gal">Avanti</a>

</div>

<div id="galleriafoto">

    <div align="left" class="foto" id="immagine1"><img src="http://kutolenko7.altervista.org/sito/Stanzedelcanonico/galleriaGrande/and_008.jpg" alt="" /></div>
    <div align="left" class="foto" id="immagine2"><img src="http://kutolenko7.altervista.org/sito/Stanzedelcanonico/galleriaGrande/BB_001.jpg" alt="" /></div>

</div>

 </div>
</div>

<div id="piepagina">
 <p>Prodotto da Kutolenko - &copy; 2008 LeStanzedelCanonico.it</p>

</div>

</body> 

</html>

[DS] E dagli con i tag QUOTE invece di quelli di codice... ma l'hai letto il mio edit sopra?!?

Discussione: Javascript gallery

LinkBack

Strumenti discussione

Display

Javascript gallery

Regole di scrittura