Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS][JavaScript]Zmieniający się blok?
-gosc-
post 30.09.2008, 14:24:04
Post #1





Goście
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
Go to the top of the page
+Quote Post
WojtasSP320
post 30.09.2008, 14:56:12
Post #2





Grupa: Zarejestrowani
Postów: 87
Pomógł: 13
Dołączył: 13.08.2008
Skąd: Chełmno

Ostrzeżenie: (0%)
-----

Takie coś zrobisz w JS

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  
  4. <head>
  5. 	<title>Stuff</title>
  6. 	<meta http-equiv="Content-type" content="text/html; charset=ISO-8859-2">	
  7. 	<meta http-equiv="Content-Script-Type" content="text/javascript">
  8. 	<meta http-equiv="Content-Style-Type" content="text/css">
  9. 	<meta http-equiv="Content-Language" content="pl">
  10. 	<script type="text/javascript">
  11.  
  12. 	var index = 1;
  13. 	var ilosc_stron = 4;
  14. 	var czas_na_zmiane = 3000; //ms
  15.  
  16. 	tab = new Array();
  17.  
  18. 	//To co będzie jako pierwsze
  19. 	tab[1] = '<a href="link1.html">Text 1</a>';
  20. 	//To co będzie drugie
  21. 	tab[2] = '<a href="link1.html">Text 2</a>';
  22. 	//To co będzie trzecie
  23. 	tab[3] = '<a href="link1.html">Text 3</a>';
  24. 	//To co będzie czwarte
  25. 	tab[4] = '<a href="link1.html">Text 4</a>';
  26.  
  27. 	function zmienBox()
  28. 	{
  29. 		document.getElementById('BOX').innerHTML = tab[index];
  30. 		if (index == ilosc_stron) index = 1; else index++;
  31. 	}
  32. 	</script>
  33. </head>
  34.  
  35. <body>
  36.  
  37. <div id="BOX" style="width: 400px; height: 200px; border: 1px solid #000000; margin: auto; text-align: center;">Tu będzie text</div>
  38. <script type="text/javascript">timer = setInterval("zmienBox();",czas_na_zmiane);</script>
  39.  
  40. </body>
  41. </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 smile.gif

Ten post edytował WojtasSP320 30.09.2008, 15:12:40
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 13.07.2025 - 06:31
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn