Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [jQuery] Table i preload obrazkow
unnament
post
Post #1





Grupa: Zarejestrowani
Postów: 77
Pomógł: 1
Dołączył: 4.06.2006

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

Witam,

Mam pociety obrazek, na ktorym zbudowana jest tabela.
Niektore z tych obrazkow maja efekty hover na Sobie.
I czesto jest tak, ze jak sie najedzie na obrazek z hover to strona dopiero wczytuje hover i przez chwile jest bialy prostokacik.
Probowalem dwiema metodami wczytac wczesniej te hover i nic z tego,
Prosze o pomoc


1 metoda:

w head:
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3.     var pics=new Array("../images/normal_05.png","../images/pk_hover_05.png","../images/normal_08.png", "../images/pk_hover_06.png"); 
  4. function preload_images() 
  5. { 
  6.  var img=new Array; 
  7.  for (var i=0;i<pics.length;i++) 
  8.  { 
  9.   img[i]=new Image(); 
  10.   img[i].src=pics[i]; 
  11.  }
  12. }
  13. });
  14. 	</script>
[HTML] pobierz, plaintext


pozniej:
[HTML] pobierz, plaintext 
  1. <body onload="java script:preload_images();">
[HTML] pobierz, plaintext




2 metoda:
zrobilem divy z backgroundami obrazkow z hover na display:none i na poczatku strony wrzucilem divy

[HTML] pobierz, plaintext 
  1. css:
  2. div#grafika_napotem07 {
  3. 	background: url(../images/normal_05.png);
  4.     display: none;
  5. }
  6.  
  7. div#grafika_napotem08 {
  8. 	background: url(../images/pk_hover_05.png);
  9.     display: none;
  10. }
  11.  
  12. div#grafika_napotem09 {
  13. 	background: url(../images/normal_08.png);
  14.     display: none;
  15. }
  16.  
  17. div#grafika_napotem10 {
  18. 	background: url(../images/pk_hover_06.png);
  19.     display: none;
  20. }
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. <div id='grafika_na_potem07'> </div>
  2. <div id='grafika_na_potem08'> </div>
  3. <div id='grafika_na_potem09'> </div>
  4. <div id='grafika_na_potem10'> </div>
[HTML] pobierz, plaintext


Ten post edytował unnament 19.02.2013, 20:38:25
Go to the top of the page
+Quote Post
Giluś
post
Post #2





Grupa: Zarejestrowani
Postów: 377
Pomógł: 9
Dołączył: 2.11.2010

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

U mnie dało efekt taki kod:

Od razu po body:
[HTML] pobierz, plaintext 
  1. <div style="display: none"><img src="gfx/cyfry/1.png"/><img src="gfx/cyfry/4.png"/><img src="gfx/cyfry/7.png"/><img src="gfx/cyfry/2.png"/><img src="gfx/cyfry/5.png"/><img src="gfx/cyfry/8.png"/><img src="gfx/cyfry/0.png"/><img src="gfx/cyfry/3.png"/><img src="gfx/cyfry/6.png"/><img src="gfx/cyfry/9.png"/></div>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 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 Aktualny czas: 25.08.2025 - 13:05
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn