javascript - bild per date ändern

Seite 1 von 2 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/javascript_bild_per_date_aendern_168698/page_1 - zur Vollversion wechseln!

spitfir3 schrieb am 15.09.2006 um 11:08

hi!
also mein wuschn wäre ein script mit dem zu gegebenem zeitpunkt 2 bilder cyclen und zu anderem gegebenen zeitpunkt wieder in die ausgangsstellung gehen..

also zb rotes_kastl.jpg soll um 13:45 mit blaues_kastl.jpg tauschen und um 15:40 soll wieder rotes_kastl.jpg an der stelle sein

was ich in die richtung gfunden hab is das hier:

<script type="text/javascript">
var jetzt = new Date();
var Std = jetzt.getHours();
if (Std >= 5 && Std < 12) {
alert("Guten Morgen!");
} else if (Std >= 12 && Std < 18) {
alert("Guten Tag!");
} else if (Std >= 18 && Std <= 23) {
alert("Guten Abend!");
} else if (Std >= 0 && Std < 5) {
alert("Zeit, ins Bett zu gehen!");
}
</script>

sollte ja mit nem image cyle ähnlich gehn

nur leider hab ich so gut wie gar keine ahnung vom coden

also PLZ HELP!!

tia
fg

dosen schrieb am 15.09.2006 um 11:18

sollen sie zur jeder stunde tauschen oder sind die zeiten so komisch?

spitfir3 schrieb am 15.09.2006 um 11:20

na es sind bestimmte zeiten, nicht nur stündlich

rAmbo0 schrieb am 15.09.2006 um 11:40

hm mit js ein bisschen aufwaendig, aber mit php oder ner andereen serverseitigen sprache kein problem.

spitfir3 schrieb am 15.09.2006 um 11:43

naja, bräuchts denk ich in javascript, will ein widget fürs mac osx
das funzt mit ner html datei, und ich glaub nur java
aba wennst so nett wärst, mir das script oda so zu posten..

.dcp schrieb am 15.09.2006 um 11:43

das script oben is eh schon richtig, nur anstatt "alert" musste halt ein bild öffnen und das ganze als function beim laden öffnen <body onload=function()>

also etwa so:

Zitat
<script type="text/javascript">
pic1.src = "pic1.jpg";
pic2.src = "pic2.jpg";
pic3.src = "pic3.jpg";
pic4.src = "pic4.jpg";
function picchange () {
var jetzt = new Date();
var Std = jetzt.getHours();
if (Std >= 5 && Std < 12) {
document.images.src = pic1.src;
} else if (Std >= 12 && Std < 18) {
document.images.src = pic2.src;
} else if (Std >= 18 && Std <= 23) {
document.images.src = pic3.src;
} else if (Std >= 0 && Std < 5) {
document.images.src = pic4.src;
}
}
</script>
[...]
<body onload="picchange()">

keine gewähr auf richtigkeit

habs nich ausprobiert

spitfir3 schrieb am 15.09.2006 um 12:19

das script schaut gut aus, nur mit welchem command add ich jetzt das ausgangspic?
mit image src tut sich scriptmäßig nix, das hab ich grad rausgefunden

aber andere idee:
kann ich z.B. 13:40 bis 14:30 als variable festlegen, und dann die variable ansprechen?

.dcp schrieb am 15.09.2006 um 12:29

afaik mit

document.write("<img src=...")

Nightstalker schrieb am 15.09.2006 um 12:34

edit: blödsinn das war was andres

spitfir3 schrieb am 15.09.2006 um 17:52

Zitat von .dcp
afaik mit

document.write("<img src=...")

also das geht nicht, da wird (wenn ausserhalb vom script tag verwendet) nur das img src ausgegeben, und daneben steht "document.write..."
wenn im script tag, funzts gar nicht

.dcp schrieb am 15.09.2006 um 18:07

ich bin mir sicher dass es damit geht, sons muss man nämlich das bild per html einbinden und dann mit js austauschen, aber afaik gehts mit document.write()

mal mit ' statt " versuchen und src="document.images.src"

also document.write('<img src="document.images.src">')

spitfir3 schrieb am 15.09.2006 um 18:15

Zitat von .dcp
ich bin mir sicher dass es damit geht, sons muss man nämlich das bild per html einbinden und dann mit js austauschen, aber afaik gehts mit document.write()

mal mit ' statt " versuchen und src="document.images.src"

also document.write('<img src="document.images.src">')

geht weder so noch so

.dcp schrieb am 15.09.2006 um 18:25

jo, bin auch bissl doof, warum einfach wenns auch umständlich geht

hier:

Zitat
<script type="text/javascript">
function picchange () {
var jetzt = new Date();
var Std = jetzt.getHours();
if (Std >= 5 && Std < 12) {
document.write('<IMG SRC="test1.jpg">');
} else if (Std >= 12 && Std < 18) {
document.write('<IMG SRC="test2.jpg">');
} else if (Std >= 18 && Std <= 23) {
document.write('<IMG SRC="test3.jpg">');
} else if (Std >= 0 && Std < 5) {
document.write('<IMG SRC="test4.jpg">');
}
}
</script>
<body onload="picchange()">

rettich schrieb am 15.09.2006 um 19:10

Zitat von .dcp
<body onload="picchange()">

genau und dazu noch ein http-refresh auf 60 sekunden, fertig.

spitfir3 schrieb am 16.09.2006 um 12:15

danke, funzt!
hätt jetzt nur mehr 3 anliegen

1. sollten minuten invkludiert sein, also wie gesagt 13:40 - 14:30 oder sonstiges

und

2. sollten tage inkludiert sein, also montag 13.40-14.30 usw

und

3. wie kann ich das jetzt in den html body einbinden? also mitten in eine seite z.B
<body onload geht ja nur am anfang....

hoff du/ihr könnts ma da noch weiter helfen
danke auf jeden fall bis jetzt