• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bilderwechsel bei Seitenaufruf

B

binominem

Neues Mitglied
Hi,

ich weiß jetzt nicht genau, ob meine Frage eher zu HTML oder JavaScript gehört. Aber um ein X-Posting zu vermeiden, stelle ich die Frage mal hier rein:

Auf dieser Seite http://http://www.motkwane.de/dsi erscheint bei jedem Aufruf, ein neues Bild im Kopf.
Wie funktioniert das? Ich habe mir die *.htm; *.css und die *.js Dateien angeschaut aber ich komme nicht drauf.

Das müsste doch in einer der *.js-Dateien geregelt sein, aber ich kann da nicht viel raus lesen. Ich habe nach einer Pfadangabe gesucht, die zu dem Verzeichnis zeigt, in denen die Bilder liegen. Kann aber nichts finden.

Vielleicht kann mir hier jemand einen kleinen Tipp geben, denn in JS kenne ich mich wirklich nicht gut aus.

Danke + Gruß
 
Das geht mit einer Zufallszahl, gibt natürlich noch andere Möglichkeiten
Die Bilder speicherst du in alle in derselben Datei z.B. images

Dann brauchst du nur noch die Bilder mit diesem Code aufrufen
z.B. wenn du 20 verschiedene Bilder hast, dann mußt du alle Bilder von bild1.jpg bis bild20.jpg benennen oder du machst es mit einem array
Code: 
 <?php $zufallszahl = rand(1,20); ?>
 
<img src="http://www.deineseite.de/images/bild<?=$zufallszahl;?>.jpg" >
 
Zuletzt bearbeitet:
Hallo.

Wenn du nichts finden kannst dann wurde es wahrscheinlich mit php oder einer anderen serverseitigen Scriptsprache gemacht.

Gruss
Elroy
 
Ich hab noch vergessen, du mußt natürlich die Endung der Datei ändern in .php
Wenn deine Indexdatei vorher index.html geheissen hat,dann mußt du sie in index.php ändern, sonst geht es nicht
 
Tomm schrieb:
Ich hab noch vergessen, du mußt natürlich die Endung der Datei ändern in .php
Wenn deine Indexdatei vorher index.html geheissen hat,dann mußt du sie in index.php ändern, sonst geht es nicht
Zum Vergrößern anklicken....

was er auch noch sagen wollte ist, dass der Host auch PhP untestützen sollte damit dies geht. Die meisten tun dies zwar aber noch lange nicht alle.
 
Hallo,

also PHP ist eigentlich immer erste wahl, denn geht immer.

Aber wenn javascript deine wahl ist würde ich das mal so Probieren, ungetestet.
Code: 
<head>
[COLOR=#003366][B]function[/B][/COLOR] GetRandom[COLOR=#009900]([/COLOR] min[COLOR=#339933],[/COLOR] max [COLOR=#009900])[/COLOR] [COLOR=#009900]{[/COLOR]    [COLOR=#000066][B]if[/B][/COLOR][COLOR=#009900]([/COLOR] min [COLOR=#339933]>[/COLOR] max [COLOR=#009900])[/COLOR] [COLOR=#009900]{[/COLOR]        [COLOR=#000066][B]return[/B][/COLOR][COLOR=#009900]([/COLOR] [COLOR=#339933]-[/COLOR][COLOR=#cc0000]1[/COLOR] [COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]    [COLOR=#009900]}[/COLOR]    [COLOR=#000066][B]if[/B][/COLOR][COLOR=#009900]([/COLOR] min [COLOR=#339933]==[/COLOR] max [COLOR=#009900])[/COLOR] [COLOR=#009900]{[/COLOR]        [COLOR=#000066][B]return[/B][/COLOR][COLOR=#009900]([/COLOR] min [COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR]    [COLOR=#009900]}[/COLOR]         [COLOR=#000066][B]return[/B][/COLOR][COLOR=#009900]([/COLOR] min [COLOR=#339933]+[/COLOR] parseInt[COLOR=#009900]([/COLOR] Math.[COLOR=#660066]random[/COLOR][COLOR=#009900]([/COLOR][COLOR=#009900])[/COLOR] [COLOR=#339933]*[/COLOR] [COLOR=#009900]([/COLOR] max[COLOR=#339933]-[/COLOR]min[COLOR=#339933]+[/COLOR][COLOR=#cc0000]1[/COLOR] [COLOR=#009900])[/COLOR] [COLOR=#009900])[/COLOR] [COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR][COLOR=#009900]}[/COLOR]
 
[COLOR=#009900]function BILDANZEIGEN () {[/COLOR] 
[COLOR=#009900]document.getElementById("BILD").innerHTML = "<img src=imges/+GetRandom( 0, 3 )+.jpg>";[/COLOR]
[COLOR=#009900]}[/COLOR]</head><body onload="BILDANZEIGEN()">  <div id="BILD"></div>

Bilder ist dann 0.jpg bis 3.jpg
Wie gesagt total ungetestet.
Wenn das aus was für gründe auch immer funktioniert, dann per css #BILD breite und höhe mitgeben.

Cheffchen
 
Hallo,

Danke für die Tipps.
Ich habe das mit PHP probiert und es funktioniert perfekt! - Danke an Tomm.

@Cheffchen
Ich sehe in deiner Signatur "ex spotlighter", was ist denn da los?
Spotlight war meine erste Anlaufstelle, bis ich gesehen habe, das der letzte Beitrag im HTML-Forum von 2008 war. Ist Spotlight tot?

Zugegeben, ich habe mich schon länger nicht mehr mit HTML und Webdesign beschäftigt und bin gerade an meiner ersten Seite in der
"Ich benutze jetzt css und keine Tabellen-Ära" :-)

binominem
 
Hallo binominem,
ja Spotlight ist tot, war Peter zu viel Arbeit, da er das nur nebenbei gemacht hat und zuviel Ärger.

Cheffchen
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben