script ripetuti

gisky80

Ciao Marco e grazie ancora per avermi risposto!
Lo sto provando in locale e anche se autorizzo mi compaiono le tipiche crocettine rosse come ad indicare un mancato collegamento alle immagini........!!

per il problema a monte non capisco cosa intendi anche perche' con firefox funziona benissimo e credo anche con ie7, il problema inizia con ie8....ora la mia domanda è: poiche' con javascript non ho ancora preso piede, ci sarebe una soluzione o mi tocca inserire un flash invece dello script? e se cosi' fosse ci andrei a guadagnare o a perdere?

Grazie ancora!!

marcocarrieri

Esistono senno tanti altri script, magari associati a JQuery...
Dipende tutto dal tipo di effetto che vuoi che faccia...

gisky80

Io, marco, vorrei solamente inserire tre semplicissime slideshow, senza comandi o effetti, in tre punti diversi della pagina dove ognuna mostri delle immagini diverse!!!
Il punto è che ho trovato una miriade di script ma nessuna funziona contemporaneamente nei tre punti........significa che devo inserire tre script divers??!!
Avresti una soluzione da consigliarmi?!

Grazie!!!

marcocarrieri

Piu che tre script diversi tre richiami della stessa funzione con le foto diverse...

Prova a vedere se ti puo essere d'aiuto questa discussione.

Altrimenti appena trovero un po di tempo scrivero un po di codice.

http://www.giorgiotave.it/forum/scripting-lato-client/146959-javascript-per-creare-immagini-animate.html

gisky80

Ciao Marco....la discussione è utilissima!!
Ho utilizzato lo script ma sto cercando di capire se per utilizzarlo tre volte mi basta richiamarlo nel body pre tre volte(e se cosi' fosse ci devono essere delle variabili da modificare), o bisogna riscriverlo tre volte nell'header e poi richiamaro ognuno nel body?!
Scusa ma sono davvero ai primissimi passi con il javascript......!!

Grazie!

marcocarrieri

Le foto sono le stesse oppure cambiano nei 3 posti?

gisky80

le foto cambiano in tutti e tre gli script......!!
magari falle richiamare da un xml?? che ne dici si potrebbe fare?!
Grazie ancora!!

marcocarrieri

Ho appena elaborato questo script, dovrebbe fare al caso tuo.

[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">
var array1=new Array ('1.png','2.png');
var array2=new Array ('3.png','4.png');
var array3=new Array ('5.png','6.png');

        function ruotaImmagini(myarray,myid)
        {
            setInterval (rotateImage, 5000);
            var images = myarray
            var index = 1;
            function rotateImage()
            {
                $('#'+myid+' img').fadeOut(1000, function()
                {
                    $(this).attr('src', images[index]);    
                    $(this).fadeIn('slow', function()
                    {
                        if (index == images.length-1)
                        {
                            index = 0;
                        }
                        else
                        {
                            index++;
                        }
                    });
                });
            }
        }
        $(document).ready(function()
        {       
           ruotaImmagini(array1,'uno')
           ruotaImmagini(array2,'due')
           ruotaImmagini(array3,'tre')
        });
    </script>        
</head>
    <body>
     <div id="uno" style="border:4px solid #ff0000">
          <img src="1.png" alt="xxxx" />
    </div>
    <div id="due" style="border:4px solid">
          <img src="3.png" alt="xxxx" />
    </div>
    <div id="tre" style="border:4px solid">
          <img src="5.png" alt="xxxx" />
    </div>
</body>

</html>
[/php]

gisky80

Grazie e grazie ancora....lo script funziona perfettamente!!! ti chiedo solo l'utima cosa::

perche' se non inserisco questo non funziona:

<script type="text/javascript" src="jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>.

solo perche' sto iniziando a studiare il javascript e vorrei capire....se si puo'!!!

grazie ancora!

marcocarrieri

Per quella è la funzione principale dove sono contenute tutte le definizioni principali di Jquery...
Senza quello non va niente appunto perchè non saprebbe cosa vuol dire ad esempio $(this).fadeIn('slow', function() e altre...

gisky80

scusa il ritardo della risposta ma non ho avuto un attimo........ok grazie ancora....!!