Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [js] slider/podmiana backgorund
milk
post 13.09.2010, 16:24:08
Post #1





Grupa: Zarejestrowani
Postów: 39
Pomógł: 0
Dołączył: 25.08.2010

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


Hello!

Czy istnieje jakiś sposób aby zmienić tło na zasadzie fadeOut() i fadeIn() (jquery)

dla $(".strona_glowna_1) ? dla backgorund-image?

Efekt jaki chciałbym uzyskać to zmiana tła, po jakimś czasie na inne zdjęcie czyli np: background-image:url("../images/bg2.jpg");

CSS:

.strona_glowna_1{
background-image:url("../images/bg1.jpg");
}



  1. <div class="content clear strona_glowna_1">
  2. ....
  3. ....
  4. ....
  5. </div>
Go to the top of the page
+Quote Post
kamil4u
post 13.09.2010, 16:27:53
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


Nie bezpośrednio. Po kolei:
- ładujesz obrazek do pamięci Cache (new Image w js)
- wywołujesz fadeOut
- zmieniasz obrazek tła
- wywołujesz fadeIn


--------------------
Go to the top of the page
+Quote Post
milk
post 13.09.2010, 16:50:09
Post #3





Grupa: Zarejestrowani
Postów: 39
Pomógł: 0
Dołączył: 25.08.2010

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


- ładujesz obrazek do pamięci Cache (new Image w js) ?
Mógłbyś bardziej rozwinąć swoją podpowiedź?

Jak chwycić samo background-image z $(".strona_glowna_1") questionmark.gif wiem, ze mozna $(".strona_glowna_1").css({'background-image:'..........'});
ale jak zrobic zeby efekt byl tylko na background-image - to nie mam pojecia

$(".strona_glowna_1").animate({
background-image:'none'

}, "slow" );


tak jedynie wywalam to tlo ktore jest w tej chwili, a jak dac tam nowe z efektem?
Go to the top of the page
+Quote Post
kamil4u
post 13.09.2010, 17:17:22
Post #4





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


Cytat
Mógłbyś bardziej rozwinąć swoją podpowiedź?

http://lmgtfy.com/?q=new+Image+js
Cytat
- zmieniasz obrazek tła

Tu używasz po prostu $(".strona_glowna_1").css({'background-image:'..........'});


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 12.06.2025 - 20:11