Visualizzazione risultati 1 fino 2 di 2

Discussione: alternare img

  1. #1
    Guest

    Predefinito alternare img

    in pratica vorrei mettere una sorte di banner dove si alternano due img ogni tipo 3 scnd
    come posso fare credo che sia impossibile con html, dovrei usare php, potete mettermi la sorgente o darmi spunto
    grazie ancora del vostro aiuto

  2. #2
    L'avatar di javascripter
    javascripter non è connesso Moderatore
    Data registrazione
    14-02-2010
    Messaggi
    1,114

    Predefinito

    Con javascript si può fare.
    Usando la funzione setInterval:

    Codice:
    var src = ['http://im.altervista.org/logo_header.gif', 'http://www.google.it/intl/it_it/images/logo.gif', 'http://l.yimg.com/a/i/ww/met/yahoo_logo_it_061509.png'], p = new Image(), j = 0, img = false;
    
    if(document.images) // effettua il preload di tutte le immagini in src se possibile
    	for(var i = 0; i < src.length; i++)
    		p.src = src[i];
    
    function alternaImg() {
    	if(!img)
    		img = document.images.img || document.getElementById('img');
    
    	if(j >= src.length || j < 0)
    		j = 0;
    
    	img.src = src[j++];	
    }
    
    window.onload = function() {
    	setInterval('alternaImg()', 1000); // avvia l'animazione
    }
    Nell'array src aggiungi tutti gli url che vuoi.
    Ultima modifica di javascripter : 18-04-2010 alle ore 11.05.06

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •