Forum PHP.pl > [HTML][CSS][JavaScript]Zmieniający się blok?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS][JavaScript]Zmieniający się blok?

gosc

30.09.2008, 14:24:04

Wie ktoś gdzie można pobrać darmowy skrypt taki jak na tej stronie: http://www.battlefieldheroes.com.pl/

Chodzi mi o ten blok SKRÓT NAJNOWSZYCH WIADOMOŚCI który przemienia obrazki co jakiś czas...

Nawet nie wiem jak to sie nazywa żeby użyć google... więc za nazwę też będę wdzięczny

WojtasSP320

30.09.2008, 14:56:12

Takie coś zrobisz w JS

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 
<head>
	<title>Stuff</title>
	<meta http-equiv="Content-type" content="text/html; charset=ISO-8859-2">	
	<meta http-equiv="Content-Script-Type" content="text/javascript">
	<meta http-equiv="Content-Style-Type" content="text/css">
	<meta http-equiv="Content-Language" content="pl">
	<script type="text/javascript">
 
	var index = 1;
	var ilosc_stron = 4;
	var czas_na_zmiane = 3000; //ms
 
	tab = new Array();
 
	//To co będzie jako pierwsze
	tab[1] = '<a href="link1.html">Text 1</a>';
	//To co będzie drugie
	tab[2] = '<a href="link1.html">Text 2</a>';
	//To co będzie trzecie
	tab[3] = '<a href="link1.html">Text 3</a>';
	//To co będzie czwarte
	tab[4] = '<a href="link1.html">Text 4</a>';
 
	function zmienBox()
	{
		document.getElementById('BOX').innerHTML = tab[index];
		if (index == ilosc_stron) index = 1; else index++;
	}
	</script>
</head>
 
<body>
 
<div id="BOX" style="width: 400px; height: 200px; border: 1px solid #000000; margin: auto; text-align: center;">Tu będzie text</div>
<script type="text/javascript">timer = setInterval("zmienBox();",czas_na_zmiane);</script>
 
</body>
</html>
[HTML] pobierz, plaintext

Zamiast Text 1, 2, 3, 4 ... możesz dać dowolny kawałek html'a (np <img>) i po sprawie

Tylko proponuję jeszcze zrobić prosty preloader obrazków w JS do tego, żeby się nie cięło jak u nich.

Efekt przenikania - we własnym zakresie, albo wieczorem

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.