Ciao, il problema è che quando scorrono le foto a volte si "accavallano" cioè..il passaggio tra una foto e l'altra risulta troppo veloce...non rimane costante l'intervallo tra una foto e l'altra
codice:
<script language="javascript" src="js/prototype.js"></script>
<script language="javascript" src="js/scriptaculous.js"></script>
<script language="javascript">
<?php
$image_to_gallery=dirList('/web/htdocs/home/public/home');
?>
var images=new Array();
<?php
$c=0;
foreach($image_to_gallery as $image){
print "images[$c]=\"$image\"; ";
$c++;
}
?>
var displayed=0;
function switchImages(){
toBeDisplayed=displayed+1;
if(displayed>0 && displayed>images.length){
toBeDisplayed=0;
}else{
if(displayed==0 && images.length<=0){
return;
}
}
displayed=toBeDisplayed;
id1='';
id2='';
if(displayed % 2 == 0){
id1="displayed_photo";
id2="tobedisplayed_photo";
$(id2).src="/public/home/"+images[toBeDisplayed];
new Effect.Parallel([
new Effect.Fade(id1+'_cont', { sync: true, duration:3.0 }),
new Effect.Appear(id2+'_cont', { sync: true, duration:3.0 })
], {
duration: 1.0,
delay: 0.1
});
}else{
id1="displayed_photo";
id2="tobedisplayed_photo";
$(id1).src="/public/home/"+images[toBeDisplayed];
new Effect.Parallel([
new Effect.Fade(id2+'_cont', { sync: true, duration:1.0 }),
new Effect.Appear(id1+'_cont', { sync: true, duration:1.0 })
], {
duration: 0.8,
delay: 0.1
});
}
}
</script>