Slideshow

[Quadrat]

Hallo,

ich habe oben im Header auf einer Website eine Bildershow erstellt welche flüssig zwischen zwei Bildern wechselt. Jetzt habe ich aber das Problem, dass sobald man auf einen anderen Menüpunkt klickt, eine neue Html-Seite geladen wird (welche natürlich mit dem gleichen Javascript verbunden ist) aber dann die Slideshow wieder von vorne anfängt. Da sich der Header aber nie verändert soll die Slideshow einfach die ganze Zeit weiter gehen und nicht immer wieder von neu anfangen sobald man auf einen anderen Menüpunkt klickt.
Mein Script:

var a = 1;
var b = 1;

function slideshowheaderstart ()
{
  setTimeout("ubergangleer()", 2000);
}

function ubergangleer ()
{
  a = a-0.01;
  if (a <= 0)
  {
    a = 0;
    b++;
    document.getElementById("hbild").style.opacity = a;
    document.getElementById("hbild").style.background = "url(b"+b+".png) center";
    if (b == 2)
    {
      b = 0;
    }
    setTimeout("ubergangvoll()", 0);
  }
  else
  {
  document.getElementById("hbild").style.opacity = a;
  setTimeout("ubergangleer()", 10);
  }
}

function ubergangvoll ()
{
  a = a+0.01;
  if (a >=1)
  {
  a = 1;
  setTimeout("ubergangleer()", 2000);
  }
  else
  {
  document.getElementById("hbild").style.opacity = a;
  setTimeout("ubergangvoll()", 10);
  }
}


slideshowheaderstart ();

Hoffentlich habt ihr eine Idee

Quadrat

 

[Sempervivum]

Da fallen mir drei Möglichkeiten ein:

1. Du verwendest nur eine Seite mit Menü, Header und Slideshow und lädst die Unterseiten in einen iFrame.
2. Du hängst die Variablen a und b mit URL-Paramtern an die URL der neuen Seite an und besetzt sie dort vor.
3. Du speicherst die Variablen a und b in einem Cookie.

 

[Tronjer]

4. Du vermeidest den Seitenreload und lädst Content per Ajax nach.