Imprimir Página - transicion de imagenes de fondo

hola, Trabajo sobre una pagina web donde el fondo cambia cada 10 segundos a otra imagen el problema esta que cada ves q entro a una pestaña o a un menu la pagina se recarga ( creo ) y se va a la primer imagen, no se queda en la imagen donde estaba, intente hacerlo con un gif animado y funciona, pero cada ves q cambia una imagen habra un boton donde el usuario pueda adelantar la imagen o regresarse, y por eso un gif animado no me sirve, mi codigo es este para hacer la transicion..

Código:

 var numero = 0;
 
   function cambiar() 
   {
      if(numero==0){
        document.body.style.background="url(http://www.buulinc.com/buulmayacalendar/img/4.jpg)";
         numero = 1;
      }else if(numero==1){
         
         document.body.style.background="url(http://www.buulinc.com/buulmayacalendar/img/1.jpg)";
         
       numero = 2;
      }else if(numero==2){
          document.body.style.background="url(http://www.buulinc.com/buulmayacalendar/img/3.jpg)";
         numero = 3;
      }
       else if(numero==3){
         document.body.style.background="url(http://www.buulinc.com/buulmayacalendar/img/5.jpg)";
         numero = 4;
      }

 else if(numero==4){
          document.body.style.background="url(http://www.buulinc.com/buulmayacalendar/img/6.jpg)";
         numero = 5;
      }
      else if(numero==5){
         
         document.body.style.background="url(http://www.buulinc.com/buulmayacalendar/img/7.jpg)";
         
       numero = 0;}


   }
 
   setInterval("cambiar()",10000);

alguien sabe como hacerle para q cada ves q recargue la pagina o se cambie de un menu al otro, la imagen del fondo sea la ultima vista y no la primera, espero haberme entendido

Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: basickdagger en 28 Julio 2011, 07:18 am