JS - Slider

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Odpovědět
Fir3stPlays
Level 1
Level 1
Příspěvky: 66
Registrován: 21 dub 2013 22:32
Bydliště: Hradec Králové

JS - Slider

Příspěvek od Fir3stPlays »

Zdravím,

na webu mam nastylovaný slider.

Kód: Vybrat vše

<script type="text/javascript" async="" src="./Firest_files/ga.js"></script><script src="./Firest_files/jquery.min.js"></script>
	<script>
	var photos = ["images/header1.jpg","images/header2.jpg","images/header3.jpg","images/header4.jpg","images/header5.jpg","images/header6.jpg","images/header7.jpg"];
	var current = 0;
	function slideshow() {
		$('#header').animate({ opacity: 0 }, 800, function() {
			$('#header').css("background-image", "url("+photos[current]+")");
			$('#header').animate({ opacity: 1 }, 800);
		});
		if(current == photos.length-1) {
			current = 0;
		} else {
			current++;
		}
	}
	$(document).ready(function() {
		interval = setInterval(function() {slideshow();}, 4000);
	});
	</script>
ale na webu se mi nezobrazuje mam ho v body a v divu, někde jsem četl, že by se slider měl dávat do headu, ale přijde mi to jako blbost.

S pozdravem, Michal Firest
Jsem student Střední a Vyšší odborné kybernetiky v Hradci.

http://www.antananarino.cz TEPRVE KÓDUJI!
Uživatelský avatar
LuCaCZ
Level 3.5
Level 3.5
Příspěvky: 929
Registrován: 21 bře 2011 00:02

Re: JS - Slider

Příspěvek od LuCaCZ »

ten kód co si sem dal patří mezi tagy <header> a samotný <div id="header"></div> do <body>

#header musí mít nastylovanou výšku a šířku ... samozřejmostí jsou správně umístěné soubory jquery.min.js a obrázky
Odpovědět

Zpět na „Programování a tvorba webu“