Grafiken nach gewissem Zeitraum "austauschen"

  • Themenstarter Themenstarter Toastilu
  • Beginndatum Beginndatum
T

Toastilu

Hallo,

ich würde gerne wissen wie ich mit hilfe eines Javascriptes (oder so) es so schaffe:

Ich habe 3 Grafiken, Grafik 1 soll sich in 5 Tagen in Grafik 2 verwandeln und in 10 Tagen soll sich Grafik 2 in Grafik 3 "verwandeln"

Lg
 
Muss es Javascript sein (nutzt du eine Serverseitige Sprache? php, asp.net, java, ruby...?)

In Javascript gibt es das Date-Objekt. Wenn du davon eines initialisierst, entählt es das aktuelle Datum. Jetzt kannst du überprüfen, welches der Grafiken angezeigt werden soll.

Javascript: 
var today = new Date();

//nur ein Beispiel
if(today.getDay() == 15)
    document.getElementById("mein_bild").src = "foo.jpg";

HTML: 
<img id="mein_bild" src="bar.jpg" />

Sofern du ein bisschen mit Javascript umgehen kannst, sollte das als Anstoß völlig ausreichen.
 
Ich kenne mich leider nur sehr sehr wenig mit diesen Javascript ^^'

Der Smiley sollte eigentlich so aussehen -> ^_^' und ich habe das Wort ,,aus" vergessen zu schreiben bei meinem letzten Beitrag, muss ich was in die Klammern neben ,;Date" was rein schreiben?
 
Dann musst du es eben lernen oder das Jobforum nutzen. ComFreek und ich haben genug Hinweise gegeben, um dich in die richtige Richtung zu leiten.
Wenn du noch ein paar mehr Infos rausrückst, fällt uns vielleicht eine bessere Lösung ein.
Was für Grafiken sind das / wozu sollen sie getauscht werden? Handelt es sich um statische HTML Seiten oder um Dynamische Webseiten?

Edit: Registriere dich doch, dann kannst du auch Beiträge editieren.

Toastilu hat gesagt.:
muss ich was in die Klammern neben ,;Date" was rein schreiben?
Zum Vergrößern anklicken....

Nein.
 
Okey ich schildere es jetzt ganz genau:

Es handeln sich um jpg Bilder, ich hab hier jetzt mal zum Test einfach mal drei erstellt:

http://i26.tinypic.com/2qsq92x.jpg
http://i32.tinypic.com/3dg1s.jpg
http://i32.tinypic.com/zje5ch.jpg

Und ich möchte es gerne so machen das der 1. in 5 Tagen zu dem 2. wird und der 2. in 10 Tagen zu dem 3.

Später werden die 3 Grafiken so aussehen (Wenn ich erstmal weiß wie das mit den HTML-Code funktioniert) : Eine Grafik wird ein Ei, die 2. Grafik wird ein Drachenbaby und die dritte Grafik mit einem Drachen drauf, das Ei soll so zu sagen wachsen.
Kennt ihr Chickensmoothie.com? Da ist es genau so, da gibt es neu geborene Welpen, nach ein paar Tagen werden die dann zu Babyhunden und nach weiteren Tagen zu erwachse Hunde.

Ich möchte mir daraus mein eigenen Drachen erstellen, der nach ein paar Tagen wächst xD
 
Nein, ich kenne die Website nicht. Habe sie aber gerade besucht, du willst also eine Art Browsergame, oder?
Dann würde ich aber PHP/MySQL benutzen, da der Anwender einfach die Uhr verstellen kann und schon hat er geschummelt. Bei PHP/MySQL wird die Serverzeit genommen.
 
Ich will nicht direkt ein ganzes Browserspiel machen, nur diese Grafiken die nach ein paar Tagen sich austauschen.
 
Hier habe ich mal ein HTML code gelesen und etwas umgeändert usw und das ist daraus geworden:

<html>
<head>
<script type="text/javascript">
function switchMe(){
document.getElementById('dasBildd').style.display = 'block';
document.getElementById('dasBild').style.display = 'none';
}
window.onload=setTimeout("switchMe()",3000); </script>
<title>sggf</title>
</head>
<body>
<span id="dasBildd" style="display: none;"><img
src="http://i32.tinypic.com/3dg1s.jpg"></span>
<span id="dasBild" style="display: block;"><img
src="http://i26.tinypic.com/2qsq92x.jpg"></span>
</body>
</html>

Ich muss zwar viele Millisekunden angeben aber nun ja, das ist ja nicht so wild ^^
So, mein Problem ist jetzt aber, dass ich keine 3. Grafik da rein quetschen kann oder eventuell auch mehr ....
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück