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:
Mentre questo è il codice html: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');
}
}
);
[DS] Usa i tag di codice e non il tag QUOTE per riportarne ampi stralci, si legge meglio... e non esce un post kilometricoCodice 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 - © 2008 LeStanzedelCanonico.it</p>
</div>
</body>
</html>
