ugrás a tartalomhoz

Background image váltás időzítve

Darjue · 2010. Aug. 19. (Cs), 13.06
Sziasztok!

Olyan scriptre volna szükségem, amiben meg tudom az alábbit:
Jelenleg a <body>-nak meg van adva egy háttérkép, repeat-x beállítással. Azt szeretném, hogy bizonyos időnként, pl reggel, délben és este 3 különböző képet mutasson. Feltételezem, hogy megoldható settimeout-tal is, de nem nagyon értek hozzá. Van olyan megoldás, ami csak CSS-ből építkezve ezt meg tudja oldani? Persze a scriptet a HTML file-ba raknám. A lényeg, hogy a végtelenített háttér képet 3x cserélje szintén végtelenített állapotában bizonyos időközönként. Remélem érthetően írtam le.

Üdv, Darjue
‹ JavaScript alapok könyv IE alatt DIV-ben eltunik a flash ›
 ■
1

A látogatóidnak szokásuk

kuka · 2010. Aug. 19. (Cs), 13.56
A látogatóidnak szokásuk ugyanazt a lapot frissítés nélkül több napszakon keresztül bámulni?

Mert ha nem, akkor tök fölösleges kliens oldalon váltogatni. Ez a napszakos meghatározás úgysem egy precíz dolog, nem éri meg percre/másodpercre pontosan időzítve elcsípni a váltás "pillanatát".

A javaslatom, hogy generáláskor/betöltődéskor rakj ki egy képet, aztán ha egy napszak múlva még mindig ott van a látogató és csinál is valamit amitől frissül a lap, akkor majd lát újabb képet.

Ha továbbra is a JavaScript megoldás mellett maradsz, akkor légy szíves másold be amid már van, mert megesik, hogy segítenénk pár sor kóddal, de a teljes probléma rekonstruálásához nincs időnk.
2

Semmim sincs még belőle.

Darjue · 2010. Aug. 19. (Cs), 14.23
Semmim sincs még belőle. Nincsennek egész nap az oldalon, a dolog lényege csak annyi, hogy ha pl. nappal jönnek fel akkor más legyen a háttér, mint este. Nekem mindegy, hogy miként valósítható meg, csak megoldható legyen a dolog. A képváltás meg lehet időzítve másodperc megadással is, vagy akár úgy hogy óra percet írok be, mindegy.

Ilyet találtam, de ez nekem jó, mert háttérképről van szó, itt meg képre használja:
<img src="http://housemusic4ever.info/wp-content/uploads/2010/06/summer-chic.jpg" id="Rotating1">

  <script language="JavaScript">
  var ImageArr1 = new Array("http://www.stormforce31.com/wximages/IndianSummer.jpg","http://housemusic4ever.info/wp-content/uploads/2010/06/summer-chic.jpg");
  var ImageHolder1 = document.getElementById('Rotating1');
 
  function RotateImages(whichHolder,Start)
  {
  var a = eval("ImageArr"+whichHolder);
  var b = eval("ImageHolder"+whichHolder);
  if(Start>=a.length)
  Start=0;
  b.src = a[Start];
  window.setTimeout("RotateImages("+whichHolder+","+(Start+1)+")",3000);
  }
 
  RotateImages(1,0);
  RotateImages(2,0);
 
  </script>
3

Szerver oldal - kliens oldal

Schmidi · 2010. Aug. 19. (Cs), 14.29
Ez tipikusan nem kliens oldali feladat, mert nem a lap letöltése után akarsz változtatni a kinézetén, hanem eleve a napszaknak megfelelően akarod megjeleníteni. Tehát Neked nem JavaScriptre van szükséged, hanem valamilyen szerver oldali megoldásra. Amikor az oldal forráskódját előállítod, pl. PHP-ban akkor az aktuális időnek megfelelően adj értéket a body backgroundnak.
Pl. ha < 6.00 akkor ejjel.jpg, ha > 6.00 és < 10.00 akkor reggel.jpg, és így tovább.
4

Szerver oldal - kliens oldal: hogyan?

Darjue · 2010. Aug. 19. (Cs), 14.33
Okés, de hogy csináljam? Ilyen fajta programozásban egyéltalán nem vagyok jártas. Tudsz példát mutatni?
5

Alapok

Schmidi · 2010. Aug. 19. (Cs), 14.39
A webes programozás alapjait megtalálod pl itt:
Nagy Gusztáv: Web programozás

8. fejezet: PHP
Érthetően le van írva a működése, és vannak példák is.
6

Alapok

Darjue · 2010. Aug. 19. (Cs), 14.42
Köszi, bár 14 éve foglalkozom webdesign-al, grafikával, meg ilyenekkel, de a programozás számomra olyan, mint a kínai nyelv. És az is marad. Remélem meg fogom érteni. Ha nem, majd szólok. :)
7

Vagy skinkezelés

neogee · 2010. Aug. 19. (Cs), 14.52
Esetleg többféle css-t gyártasz a layouthoz, és mikor kiteszed a kimenetre a forrást, akkor a napszaknak megfelelő css-t irod a forrásba, ezzel megvan az a lehetőséged is, hogy ne csak a hátteret, hanem az oldal más egyéb értékét is napszakhoz kösd. :)

a kódod pedig valami ilyesmi lesz:
<?php
$time = date("H",time());
$css_file = "";

if( $time > 4 && $time <= 12 ) {
	$css_file = "reggel.css";
} else if( $time > 12 && $time <= 18 ) {
	$css_file = "napkozben.css";
} else {
	$css_file = "este.css";
}
?>
<html>
	
	<head>
		<!-- mindenféle ügyes metadolgok -->
		
		<link rel="stylesheet" type="text/css" href="<?php print $css_file; ?>" />
		
	</head>
	
	<body></body>
	
</html>
12

Neogee, olyat bele lehet még

Darjue · 2010. Aug. 23. (H), 11.31
Neogee, olyat bele lehet még rakni, hogy ne a greenwichi idő alapján nézze az órát? Mert mikor beállítottam az esti 20 órát, csak 21 órakor váltotta át az új CSS-re. Nem nagy gond, csak kérdezem ha lehetne-e ilyet belerakni? Amúgy tök jól működik minden. Köszi.
13

időzonát állítsd át

solkprog · 2010. Aug. 23. (H), 11.52
php van egy date_default_timezone_set függvény erre.
14

Olyan egyszerűbb megoldás

Darjue · 2010. Aug. 23. (H), 12.00
Olyan egyszerűbb megoldás nincs, hogy hozzá írom valahová, hogy +1 H, vagy valami ilyesmi? :) Hülye vagyok a PHP-s dolgokhoz.
15

de a DateTime osztály.

solkprog · 2010. Aug. 23. (H), 12.42

$date = new DateTime('2000-01-01', new DateTimeZone('Europe/Budapest'));
(Jó szándékkal írom: nemártana PHP manual-t olvasnod)
16

Köszi, de nem fogok semmilyen

Darjue · 2010. Aug. 23. (H), 12.48
Köszi, de nem fogok semmilyen programozással kapcsolatos dolgot olvasni/tanulni, ugyanis nem értek hozzá, és nem is fogok. Próbálkoztam már, de nem megy. Ez sajna magyar betegség hogy értsünk mindenhez. Nem kell. Én értek webdesignhoz, grafikához, meg ezek oktatásához, de programozáshoz nem. Ezért is kérek segítséget.

A kódot köszi, segített.
17

Szerintem

plip · 2010. Aug. 24. (K), 01.09
Szerintem meg az a magyar betegség, hogy valaki nem ért valamihez, és mégis belekezd, összetákol valami használhatatlan kódot, aztán idejön sírni, hogy nem megy, írjátok meg helyettem, de egy percet sem vagyok hajlandó manuált olvasni.

Igazad van, nem kell mindenhez érteni, elég egyvalamihez, de ahhoz nagyon. Viszont a kapcsolódó területekhez nem árt alapszinten érteni. Amúgy meg ahogy a prog.hu-n mondanák: irány az állás rovat.
8

Alapok

Darjue · 2010. Aug. 19. (Cs), 14.54
Oké, nem lettem okosabb. Szépen leír mindent, csak nem értem hogy tudom alkalmazni. Gondolom nekem a dátum függvény kellene, de hogy alkalmazzam? Nem tud valaki egy példát ilyenre?
9

Vagy skinkezelés

Darjue · 2010. Aug. 19. (Cs), 14.58
Köszi neogee. Ez úgy néz ki hogy jó lesz. Danke.
10

Bitte

neogee · 2010. Aug. 19. (Cs), 15.12
Kérlek, örültem hogy tudok segíteni :) Remélem tudod hasznosítani :)
11

Cool

Darjue · 2010. Aug. 19. (Cs), 15.15
A másik CSS-t már megcsináltam, fel is töltöttem, most várom a 4 órát hogy váltson képet. Ha megy, akkor cool. Mivel a mostani CSS-t megjeleníti, gondolom a másikat is megfogja.