Zufallsbilder

1

123

Grünschnabel
Hallo miteinander...
Ich betreibe seit kurzem eine eigene Homepage
Auf dieser arbeite ich auch mit Zufallsbilder..

Nun möchte ich aber eine Seite in Netz stellen die mir meine Freunde in
kleinen Bildern zeigt z.Bsp. 5 Personen nebeneinander 5 untereinander, Namen dazu ...Klickt man auf dieses Bild soll sich dieses in einer bestimmten
Größe (640x480) im Extrafenster öffnen...
Ok das wär nun kein Problem nur möchte ich zu jedem Freund mehrere Bilder hinterlegen..Diese sollen aber nicht im "Mouseover-Effekt" gewechselt werden sondern im "Seite neu laden Effekt"... Problem ist nun, mehrere Leute auf dieser Seite mit mehreren Bilder, also zu Person a sollen 3 Bilder hinterlegt werden zu Person b 5 Bilder usw.
und wenn dann noch auf dieses zufallsbild von person a geklickt wird soll sich genau dieses vergrößern..
Ich weiß das ich die Java-Script Befehle fürs Zufallprinzip unter anderem in "Head" Bereich dieser Seite hinterlegen muß aber das würd dann nur für z.B Person a gehen wo und wie kann ich die richtigen Bilder für Person b hinterlegen usw.....?
Is schon spät, hoffe das Ihr mein Problem trotzdem versteht und hoffe mal nicht das die Sache zu simpel ist das ich hätte selbst draufkommen solln, falls doch weiß ich nicht was ich die letzten Std gemacht hab...

Hoffe Ihr könnt mir helfen...
 
Eine Möglichkeit wäre, die Dateinamen der Bilder nach einem gewissen Schema zu wählen.

Bspw. Hans....
hans_1.gif, hans_2.gif, hans_3.gif

Weiterhin erstelle einen assoziativen Array... als Arrayschlüssel könntest du die Namen der Leute nehmen, als Wert die Anzahl der verfügbaren Bilder von diesem Freund.

Code: 
freunde=new Array();
freunde['hans']=3;
freunde['andrea']=5;
freunde['guido']=4;
freunde['gerhardt']=2;
freunde['joschka']=6;
//usw.

diesen Array kannst du jetzt prima durchlaufen, anhand der Arrayschlüssel und einer Zufallszahl im Bereich 1 bis Elementwert den Dateinamen für das Bild erzeugen,... anhand dessen du den nötigen <img>-Tag in die Seite schreibst.

Code: 
for(var k in freunde)
    {
    document.write('<img src="pfad/zum/bildverzeichnis/'+k+'_'+Math.ceil(Math.random()*freunde[k])+'.jpg"alt="'+k+'">');
    }
 
sry, aber ich blick das nich so ganz, liegt vll daran, das ich mich sonst nich mit JS beschäftige. Im prinzip möchte ich das selbe machen, nur ein wenig einfacher:
Ich habe 3 Bilder auf meinem Webspace, und eine index.html, wenn ich den index.html öffne, ist da ein Text und ein Bild. Wie kann ich es einstellen, dass es nicht immer das selbe Bild ist, sondern immer ein anderes. Immer wenn ich F5 (aktualisieren) oder einfach nur nochmal auf die Seite geh, soll ein anderes der 3 Bilder kommen, also Zufallsgenerator. Wäre sehr freundlich, wenn ihr mal den ganzen code posten würdet;
<script>
...........
</script>

bekomms nämlich anders nich gebacken :)

Vielen Dank im Vorraus

mfG kRu3m31
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück