Animovane pozadi JS, JQUERY ..

fikotek

Ahojte,

muzete mi nekdo poradit jak udelat animovane pozadi?? Potreboval bych ab se mi pozadi posouvalo napr. kazdych 30 vteri o 1px doprava.

Obrazek je nacitany z CSS

Kód: Vybrať všetko

body {
  background-image: url(../images/background.jpg);
  background-position: top center;
  background-repeat: repeat-x;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: #000000;
}

Hlavicka v indexu vypada takto:

Kód: Vybrať všetko

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cz" lang="cz">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250"/>
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<meta name="robots" content="all, index, follow"/>
<meta name="author" content="fikotek"/>
<link rel="stylesheet" href="css/faindesign.css" type="text/css" media="screen"/>
<!--[if lte IE 7]>
<link rel="stylesheet" href="css/ie6.css" type="text/css" media="screen"/>
<![endif]-->
<!--[if lte IE 7]>
<link rel="stylesheet" href="css/ie7.css" type="text/css" media="screen"/>
<![endif]-->
<script type="text/javascript" src="js/imgchange.js"></script>
<script type="text/javascript" src="js/jquery-1.3.1.js"></script>
<script type="text/javascript" src="js/effect.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#slider").easySlider();
	});
</script>
<script type="text/javascript">
$(document).ready(function() {
    $('a[href=#top]').click(function(){
        $('html, body').animate({scrollTop:0}, 'slow');
        return false;
    });
});
</script>
<title>nazev webu</title>
</head>

Gepid · Príspevok od používateľa **Gepid** » 05 jan 2010, 1:35

http://www.catswhocode.com/blog/animate ... ith-jquery
Trochu si to uprav a máš

http://www.devirtuoso.com/2009/07/how-t ... in-jquery/
Toto máš už prakticky kompletne hotové.

fikotek

//autoeditácia príspevku ( 05 Jan 2010, 13:37 )
Tak jeste bych to upresnil:

Kdyz prijdu na stranku ve 12:00 a treba v 18:00 tak v tech 18:00 bude pozadi vypadat jinak nez v tech 12:00. Doufam ze si rozumime

fikotek napísal:

//autoeditácia príspevku ( 05 Jan 2010, 13:37 )
Tak jeste bych to upresnil:

Kdyz prijdu na stranku ve 12:00 a treba v 18:00 tak v tech 18:00 bude pozadi vypadat jinak nez v tech 12:00. Doufam ze si rozumime

ak ale prídeš o 12:00 a stránku zavreš, a znova otvoríš o 18:00 tak bude pohyb zase od začiatku, lebo si nemáš ako pamätať kde to o 12:00 skončilo a dorátať rozdiel (pokiaľ teda používaš iba js)

Gepid

Tak si zisti čas v JS a uprav si ten skript nech každú hodinu bude to pozadie iné.
Asi to chceš tak, že bude vychádzať a zapadať slnko? Tak to sprav tak, že si zistíš hodinu a potom (cez podmienku) každú hodinu zmeníš pozadie.

fikotek

No prave jeden borec to mel udelane tak jak se psal, zjistil sem akorat ze to bylo resene pres nejaky CRON .. vubec nevim o co se jedna ..nejsem programator

Takze v tom pripade to nepujde udelat asi pres ten js nebo jquery.

cron je služba na serveri, ktorá v stanovenom časovom intervali spúšťa nejaký skript. To je ale to čo som písal, že cez čistý js (ktorý je klient-side jazykom) to nespravíš

fikotek

audiotrack napísal:cron je služba na serveri, ktorá v stanovenom časovom intervali spúšťa nejaký skript. To je ale to čo som písal, že cez čistý js (ktorý je klient-side jazykom) to nespravíš

¨

Mohl by si mi to trosku vic popsat?? Jak tu sluzbu rozchodit popr. jaky script se na to da pouzit..??

Gepid

Audiotrack ti už napísal, že je to služba na serveri. Žiadny skript ani nič podobné ti na to nepomôže. Buď ho máš alebo nie. Keď máš free host na ic.cz tak a boku si nájdi cron. Nastavíš kedy sa má daný súbor spustiť a máš.
Ale raz som videl jeden online cron. Fungoval tak, že si mu vložil odkaz na tvoj php súbor a skript sa ti každú hodinu spustil. Skús pohladať a určite nájdeš.