javascript per creare immagini animate

alessiovg

javascript per creare immagini animate

Ho urgente bisogno di scrivere una sequenza di comandi JavaScript necessari per far apparire una sequenza di 4 immagini, una ogni circa 4 secondi e possibilmente con sfumatura tra l'una e l'altra ? Il sito che voglio costruire è in HTML. Il tutto deve essere poi visibile sia su Mozilla che su Explorer (possibilmente anche su Chrome).
Qualcuno mi può aiutare ?

marcocarrieri

Ma tu stai parlando di una Gif animata o di un effetto dissolvenza e quindi slide automatico per le foto?

alessiovg

Sarebbe sufficiente creare slides automatiche con effetto dissolvenza fra l'una e l'altra.

marcocarrieri

Prova a vedere se questo ti può essere utile.

[php]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
setInterval (rotateImage, 5000);
var images = new Array ('foto/1.jpg','foto/2.jpg');
var index = 1;
function rotateImage()
{
$('.dumbCrossFade img').fadeOut(1000, function()
{
$(this).attr('src', images[index]);
$(this).fadeIn('slow', function()
{
if (index == images.length-1)
{
index = 0;
}
else
{
index++;
}
});
});
}
});
</script>
</head>
<body>
<div class="dumbCrossFade">
<img width="600" height="450" src="foto/1.jpg" alt="xxxx" />
</div>
</body>
</html>
[/php]

alessiovg

Grandeeeeeeeeeee. Ottimo !! Funziona !! Testato su Mozilla, Explorer-8 e Chrome. Grazie 1000 a marcocarrieri !!!

marcocarrieri

Di niente...
Alla prossima.

Saluti, Marco.

eremite

Salve a tutti, da tempo cercavo questo script su internet e dopo tanto tempo sono riuscito a trovarlo qui,
vorrei sapere però se è possibile eliminare il dissolvimento tra un immagine e l'altra

marcocarrieri

Hai già risolto?
Credo dovresti modificare i valori di fadein o fadeout.