Bilder nach einer bestimmten Zeit austauschen

Chris Hunter

Hallo Kollegium,

habe folgendens Problem:

Ich mag auf einer Seite im oberen Frame ein banner anzeigen mit einem Link zu einer Homepage. Dieses banner soll nach einer bestimmten zeit nurch ein anderes ausgetauscht werden, und der link soll auch geändert werden. ich hab das im moment mit nem mata gelöst:

<meta http-equiv="refresh" content="5; URL=banner.php">

jetzt sieht das aber total scheiße aus, weil der hintergrund des frames auch jedesmal mitgeladen wird. wie kann man das denn anders lösen mit javascript oder PHP? ich lauf auf grundeis. hat jemand n tip für mich?

die momentane version könnt ihr hier mal ansehen, dann wisst ihr was ich meine:

www.clubman.org

chrigu99

hmm ich hab dir keine konkrete antwort...

kannst du net ein table machen das genau so gross wie die banner ist und dort drin ne banner.php immer neu laden?? sollte gehen... aber scheisse ist auch wenn man sound aktiviert hat machts alle 5 sec ein nerviges klick... (microschrott windoof)

Chris Hunter

echt? ich kann in dem table ne php reinladen? wie geht denn das?

alternativ ist mir embeded frame eingefallen. aber das is auch schrott. ich habs jetzt am boden eingefügt wo keine grafik hin soll.

chrigu99

soviel ich weiss schon!!!

Chris Hunter

und wie?

chrigu99

*mal ne runde such wenn nicht anscheiss*¨

großes Grinsen

Snake000

um bilder auszutauschen änder einfach die grafikreferenz des bildes. kleines bsp:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:

<img id="img" src="b1.jpg" width="200" height="150">

<script type="text/javascript">

 imgs = new Array(3);
 imgs[0] = new Array("b1.jpg", "http://www.url1.de");
 imgs[1] = new Array("b2.jpg", "http://www.url2.de");
 imgs[2] = new Array("b3.jpg", "http://www.url3.de");

 var imT = 0;
 var iv = null;

 function changeImg() {
     imT = (imT > (imgs.length-2)) ? imT = -1 : imT = imT;

     var imgO = document.getElementById("img");
     imgO.src = imgs[(++ imT)][0];
     imgO.onclick = function() {
          window.open(imgs[imT][1], "", "");
     }
 }

 iv = window.setInterval("changeImg();", 50000);

</script>

gruß snake

Forensoftware: Burning Board 2.3.1, entwickelt von WoltLab GmbH