Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Pojawianie się obrazków w spowolnieniu
Cliassi
post 9.05.2013, 21:19:12
Post #1





Grupa: Zarejestrowani
Postów: 142
Pomógł: 0
Dołączył: 29.04.2012

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

Witam, mam obrazkowe menu. Chciałbym aby po załadowaniu strony obrazki pojawiły się(wyłoniły). Chodzi o zmianę parametru opacity. Macie jakies pomysły ?
Go to the top of the page
+Quote Post
Mega_88
post 9.05.2013, 21:29:14
Post #2





Grupa: Zarejestrowani
Postów: 360
Pomógł: 34
Dołączył: 20.08.2011

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

Coś takiego, musisz lekko zmodyfikować:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <style>
  5. p { background:#dad;
  6. font-weight:bold;
  7. font-size:16px; }
  8. </style>
  9.   <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  10. </head>
  11. <body>
  12.   <button>Toggle 'em</button>
  13.  
  14. <p>Hiya</p>
  15. <p>Such interesting text, eh?</p>
  16. <script>
  17. $("button").click(function () {
  18. $("p").toggle("slow");
  19. });
  20. </script>
  21.  
  22. </body>
  23. </html>
[HTML] pobierz, plaintext


Zobacz również tą stronę: http://api.jquery.com/category/effects/
Go to the top of the page
+Quote Post
Cliassi
post 9.05.2013, 23:05:38
Post #3





Grupa: Zarejestrowani
Postów: 142
Pomógł: 0
Dołączył: 29.04.2012

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

Ok dzieki. A jak zrobić aby pojawiało się odrazu po przeładowaniu strony ? Ma ktoś może gotowe rozwiązanie ?


Ten post edytował Cliassi 10.05.2013, 00:25:11
Go to the top of the page
+Quote Post
Mega_88
post 10.05.2013, 08:58:09
Post #4





Grupa: Zarejestrowani
Postów: 360
Pomógł: 34
Dołączył: 20.08.2011

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

Pokombinuj z tym:

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2.   window.onload=jakasFunkcja;
  3. </script>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
Arcioch
post 10.05.2013, 09:15:36
Post #5





Grupa: Zarejestrowani
Postów: 324
Pomógł: 110
Dołączył: 18.09.2012

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

Tu masz cała listę pluginów w jQuery smile.gif Już pierwszy pasuje do tego co chcesz osiągnąć http://www.jquery4u.com/plugins/preload-image-plugins/

Pozdrawiam
Arcio
Go to the top of the page
+Quote Post
PrinceOfPersia
post 10.05.2013, 16:26:09
Post #6





Grupa: Zarejestrowani
Postów: 717
Pomógł: 120
Dołączył: 18.04.2009

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

a jak ci się nie chce szukać pluginów, zawsze możesz użyć sztuczki z CSS3:
http://jsfiddle.net/VZUJj/


--------------------
Live demo mojej wtyczki do Atoma (lepsza nawigacja po plikach)
Go to the top of the page
+Quote Post
Cliassi
post 10.05.2013, 20:24:25
Post #7





Grupa: Zarejestrowani
Postów: 142
Pomógł: 0
Dołączył: 29.04.2012

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

Dzięki!!
Go to the top of the page
+Quote Post
« Następny starszy · CSS · 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: 26.06.2025 - 10:02
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn