mehrfacher bildwechsel onclick

[bettina bohner]

hallo,
ich hoffe, hier im forum endlich hilfe zu finden, habe schon unzählige foren/tutorials durchforstet, aber komme einfach nicht mehr weiter. ich programmiere bisher eigentlich nur in html, doch möchte etwas kleines extra in javascript in mein projekt integrieren. ich bin mit javascript noch nicht so vertraut wie mit html.

ich bin mir sicher, dass es eine (einfache) lösung gibt...

also mein problem:

ich möchte eine austauschbare grafik in meine site einbauen (animiertes gif), die als "home/reload"-button funktioniert. ich möchte, dass sich bei jedem klick auf diesen "button" ein neues gif lädt, und zwar in einer von mir bestimmten reihenfolge (also nicht random). die idee ist auch, dass bei jedem laden/aufrufen der site ein anderes gif erscheint (also, wenn zb jemand die site 3x am tag besucht, erscheinen 3 verschiedene start-gifs), das wäre dann allerdings eine random-funktion, richtig?

ich hoffe, ihr kapiert was ich meine??

das script unten kommt dem, was ich möchte, am nächsten, jedoch mit dem problem, dass das startbild immer gleich ist und ich nicht weiter als 2 verschiedene gifs beim klicken komme. also ganz schöner mist.

es gibt eine menge tutorials im netz, in denen der bildwechsel mit random-austausch erklärt ist, aber für meinen fall habe ich echt nichts gefunden...

hilfe!?

vielen dank,
tine

-----------------
-----------------

<script type="text/javascript">

ik1 = new Image();
        ik1.src = "gif/wow_001.gif";
        ig1 = new Image();
        var img1 = 0;
        var imLoad1 = 0;

function Bildwechsel(bild,i,klein,gross) {

if ((i==1)&&(imLoad1==0)){
        ig1.src = "gif/wow_002.gif";
        imLoad1=1;
        }

var x = 0;
        if (i == 1) x = img1;

if (x == 0){
                bild.src=gross.src;
                if (i == 1) img1 = 1;

}else{
                bild.src=klein.src;
                if (i == 1) img1 = 0;

}
}
</script>

-----------------
-----------------

<a href="test.html" target=right>
<img src="gif/start.gif" alt="name" onClick="Bildwechsel(this,1,ik1,ig1)" width="60"></a>

-----------------
-----------------

[plan_B]

hallo,

(dies wird mein 1. Beitrag im Forum, habe schon so viele hilfreiche Tipps hier gelesen ...)

... die idee ist auch, dass bei jedem laden/aufrufen der site ein anderes gif erscheint ...

denke, das lässt sich nur über Cookies speichern, die Cookieverwaltung habe ich nicht weiter ausgeführt.

hier mein Vorschlag für beliebig viele Bilder.

allerdings würde die Bildliste immer zyklisch durchlaufen, auch langweilig (?).

die Seite startet wohl auch immer mit dem "start.gif", so wie es im <img ...> vereinbart ist.

---------------------
<script type="text/javascript">

bild_pfad="gif/";
bild_namen= ["start.gif","bild2.gif","bild3.gif"];  // und mehr
bild_array=new Array();
akt_i=lesen();

for (var i=0;i<bild_namen.length;i++) {
 // Bilder vorladen
 var img=new Image();
 img.src=bild_pfad+bild_namen[i];
 bild_array.push(img);
 }

function bild_wechsel(img) {
 akt_i = akt_i<(bild_namen.length-1) ? (akt_i+1) : 0 ;  // nächster Index
 img.src=bild_array[akt_i].src;
 speichern(akt_i);
 }

function lesen()
{
 var i=1;
 if (document.cookie) {
  i= ....cookie-wert
  }
 else {
  i=Math.floor(bild_namen.length * Math.random());
  }
 return i;
}

function speichern(i) {
 // Wert als cookie speichern
 if (navigator.cookieEnabled) {
   document.cookie = ...
  }
 }

</script>

<a href="test.html" target=right>
<img src="gif/start.gif" alt="name" onClick="bild_wechsel(this)" width="60"></a>

----------------------

vielleicht hilft Dir dieser Ansatz weiter, getestet habe ich es aber nicht.

Gruß plan_B