Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [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:
  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>


pozniej:
  1. <body onload="java script:preload_images();">




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

  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. }


  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>


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

Posty w temacie


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

 



RSS Aktualny czas: 25.08.2025 - 07:39