Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JQuery] Opacity dla części obrazka
gg1985
post 5.08.2009, 09:17:22
Post #1





Grupa: Zarejestrowani
Postów: 174
Pomógł: 3
Dołączył: 23.02.2008

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


Witam

Jak zmienić opacity tylko np. dla dolnej części obrazka ?

Pzdr


--------------------
Go to the top of the page
+Quote Post
janusz85
post 5.08.2009, 09:19:28
Post #2





Grupa: Zarejestrowani
Postów: 26
Pomógł: 5
Dołączył: 29.07.2009

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


Ja bym ten obrazek pociął i wyświetlił dwa z różnie ustawionym opacity.
Go to the top of the page
+Quote Post
gg1985
post 5.08.2009, 09:20:19
Post #3





Grupa: Zarejestrowani
Postów: 174
Pomógł: 3
Dołączył: 23.02.2008

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


Ale wiem, że da się to zrobić automatycznie, pytanie jak...


--------------------
Go to the top of the page
+Quote Post
erix
post 5.08.2009, 12:04:33
Post #4





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Cytat
Jak zmienić opacity tylko np. dla dolnej części obrazka ?

Nie da się. Musisz mieć osobny obiekt. Może ew. przez canvas, ale to więcej roboty.


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
gg1985
post 5.08.2009, 13:38:19
Post #5





Grupa: Zarejestrowani
Postów: 174
Pomógł: 3
Dołączył: 23.02.2008

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


Może jakiś inny framework niż przez JQuery ? OStatecznie można nałożyć wartwę z PNG 50% przezroczystości


--------------------
Go to the top of the page
+Quote Post
wookieb
post 5.08.2009, 13:41:52
Post #6





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Niekoniecznie ani jedno ani drugie rozwiazanie...
  1. <div>
  2. <div id="o1"></div>
  3. <div id="o2"></div>
  4. </div>

css
Kod
#o1
{
width: 100px; /* szerokosc obrazka */
height: 50px; /* gorna czesc obrazka */
background: url(obrazek.jpg) no-repeat;
}
#o2
{
width: 100px;
height: 50px; /* dolna czesc obrazka */
background: url(obrazek.jpg) bottom no-repeat;
opacity: 0.5;
/* i tutaj opacity dla ie. Jakie? musisz znaleźć */
}


Ten post edytował wookieb 5.08.2009, 13:42:13


--------------------
Go to the top of the page
+Quote Post
magra
post 5.08.2009, 13:43:28
Post #7





Grupa: Zarejestrowani
Postów: 34
Pomógł: 8
Dołączył: 5.10.2004

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


po co PNG, możesz dać białego diva z 50% opacity


--------------------
www.internetum.pl
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.07.2025 - 22:55