Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] img czarno-białe, zdięcia czarno-białe
-felicidad-
post
Post #1





Goście







witam,
Jak zrobić na hover zamieniało obrazki kolorowe na czarno-białe.
np.
background-color: #000000;
opacity: 0.4
nakłada mi efekt tylko efekt szarości
a filter:gray; działa tylko pod IE.
nałozony pólprzezroczyty plik png tez nie pomaga.

Ma ktoś jakiś patent?(IMG:style_emoticons/default/smile.gif)


Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 19)
kadlub
post
Post #2





Grupa: Zarejestrowani
Postów: 548
Pomógł: 105
Dołączył: 4.06.2010

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


biblioteką gd
Go to the top of the page
+Quote Post
Pawel_W
post
Post #3





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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


http://webdesignerwall.com/demo/html5-grayscale/
Go to the top of the page
+Quote Post
-felicidad-
post
Post #4





Goście








pod IE7 to nie działa (IMG:style_emoticons/default/sad.gif)
Cytat(Pawel_W @ 16.12.2011, 09:40:10 ) *

Go to the top of the page
+Quote Post
kadlub
post
Post #5





Grupa: Zarejestrowani
Postów: 548
Pomógł: 105
Dołączył: 4.06.2010

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


to zrób to za pomocą gd
Go to the top of the page
+Quote Post
-felicidad-
post
Post #6





Goście







mam zdjęcia tylko kolorowe, czy jest możliwość podpięcia tej wtyczki?

Cytat(Pawel_W @ 16.12.2011, 09:40:10 ) *

Go to the top of the page
+Quote Post
!*!
post
Post #7





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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


To ją podepnij w czym problem? A dla IE/6/7 czy jakiej tam chcesz użyj filtru.
Go to the top of the page
+Quote Post
-felicidad-
post
Post #8





Goście







w tym,że nie widać na start,śa białe a jak najadę to pojawiają się kolorowe
Go to the top of the page
+Quote Post
!*!
post
Post #9





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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


A skąd niby mamy wiedzieć jak to rozwiązałeś? Wstaw swój kod tu http://jsfiddle.net/
Go to the top of the page
+Quote Post
-felicidad-
post
Post #10





Goście







http://jsfiddle.net/kXyB7/1/
Go to the top of the page
+Quote Post
Pawel_W
post
Post #11





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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


wystarczy obrócić skrypt w drugą stronę... tylko do tego potrzebna jest znajomość js (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
-felicidad-
post
Post #12





Goście







ale ja chce miec w widoku czarno-białe a na hover kolorowe. tak jak w przykładzie demo. Wiec nie wiem dlaczego to nie działa
Go to the top of the page
+Quote Post
!*!
post
Post #13





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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


http://webdesignerwall.com/tutorials/html5...ale-image-hover
tu masz wszytko dokładnie opisane. Poza tym wkleiłeś kod który nawet nie ma linków do obrazków i odwołujesz się w nim do 'div img', zamiast do 'div a img'

Ten post edytował !*! 19.12.2011, 15:02:12
Go to the top of the page
+Quote Post
-felicidad-
post
Post #14





Goście







Korzystam z tego przykładu, nie wiem co robie zle
Cytat(!*! @ 19.12.2011, 15:00:33 ) *
http://webdesignerwall.com/tutorials/html5...ale-image-hover
tu masz wszytko dokładnie opisane. Poza tym wkleiłeś kod który nawet nie ma linków do obrazków i odwołujesz się w nim do 'div img', zamiast do 'div a img'

Go to the top of the page
+Quote Post
!*!
post
Post #15





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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


Pokaż kod w całości jaki masz, tylko tym razem z obrazkami. Dodajesz jQuery?
Go to the top of the page
+Quote Post
-felicidad-
post
Post #16





Goście







tak dodaje jQuery, to jest całość
Cytat(!*! @ 19.12.2011, 21:31:10 ) *
Pokaż kod w całości jaki masz, tylko tym razem z obrazkami. Dodajesz jQuery?

Go to the top of the page
+Quote Post
!*!
post
Post #17





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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


Kod działa poprawnie. Musisz odwołać się jedynie do pliku bezpośrednio i nie może być to odwołanie http://
Poza tym dostałeś już podstawowe informacje czego szukać, takich skryptów są setki.

Ten post edytował !*! 20.12.2011, 11:05:27
Go to the top of the page
+Quote Post
-felicidad-
post
Post #18





Goście








rzeczywiscie te http psuje, ze stałym obrazkiem jest ok,
tylko z bazy pobieram zdjęcia z http://portal.pl/images/000000.jpg to mam wyciac http?
Cytat(!*! @ 20.12.2011, 10:59:12 ) *
Kod działa poprawnie. Musisz odwołać się jedynie do pliku bezpośrednio i nie może być to odwołanie http://
Poza tym dostałeś już podstawowe informacje czego szukać, takich skryptów są setki.

Go to the top of the page
+Quote Post
!*!
post
Post #19





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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


Nie. wtedy musi być coś takiego

Kod
./images/000000.jpg


lub
Kod
./000000.jpg


W zależności gdzie jest plik który to wczytuje.
Go to the top of the page
+Quote Post
-felicidad eHelpRe-
post
Post #20





Goście







[src]=http://portal.pl/images/000000.jpg
tylko fotka jest zapisana w ten sposób, i jest pod inną domeną niż strona na ktorej się wyswietla. to jak mam wydobyć samo 'images/000000.jpg'

Cytat(!*! @ 20.12.2011, 12:35:59 ) *
Nie. wtedy musi być coś takiego

Kod
./images/000000.jpg


lub
Kod
./000000.jpg


W zależności gdzie jest plik który to wczytuje.

Go to the top of the page
+Quote Post

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: 23.08.2025 - 19:00