GoldenLine
Zaloguj się

konto usunięte

Temat: miniatury - przeźroczystość

Witam. Tworzę miniatury w php. Musze dodać jedną z normalnymi kolorami a druga ma być w pewnym stopniu przezroczysta/bledsza/wypłowiała . Nie wiem jak to dokładnie okreslic.

przykład:
http://www.wearsite.pl/

przewijające się loga. Po najechaniu zdjecie wyswietlane jest w normalnych kolorach. A mnie interesuje jak dodać zdjecie za pomoca php aby wygladalo tak jak na tej stronie loga.
Link do wypowiedziLink
Daniel Łysiak

Daniel Łysiak Specjalista w
sprawach
audiowizualnych

Temat: miniatury - przeźroczystość

można przygotować odpowiednio bitmapę do nałożenia (aby zawierała przezroczystości) a dalej... php.net Twoim przyjacielem...

http://pl.php.net/manual/pl/image.examples-watermark.php
lub
http://pl.php.net/manual/pl/image.examples.merged-wate...Daniel Łysiak edytował(a) ten post dnia 03.03.11 o godzinie 20:44
Link do wypowiedziLink

konto usunięte

Temat: miniatury - przeźroczystość

W bibliotece imagick do php jest możliwość nakładania na siebie obrazków. Wtedy wystarczyłoby, żebyś miał przygotowanego .png półprzezroczystego i oryginalny obrazek służyłby za background, na który nakładałbyś tego png:) Niestety nie znam dokładnego polecenia, które by to wykonywało, ale do tej biblioteki można znaleźć dużo dokumentacji - czasem trzeba tylko szukać z dopiskiem image magick zamiast imagick:)
Link do wypowiedziLink

konto usunięte

Temat: miniatury - przeźroczystość

Może zamiast wysyłać 2 obrazki przeglądarce to wykorzystaj javascript i opacity?
Link do wypowiedziLink
Rafał Nowak

Rafał Nowak PIDI.pl

Temat: miniatury - przeźroczystość

Grzegorz T.:
Może zamiast wysyłać 2 obrazki przeglądarce to wykorzystaj javascript i opacity?

Nawet bez JS - samo CSS da radę, możesz zastosować opacity na img, a dla img:hover to opacity ustawiać na 1. Do tego tło linku na kolor biały i będziesz miał dokładnie taki efekt jak na przytaczanej stronie.
Link do wypowiedziLink

konto usunięte

Temat: miniatury - przeźroczystość

Tylko trzeba zaznaczyć, że opacity nie jest zgodne ze standardami W3C:) a rozwiązanie, które ja przedstawiłem - jest:)
Link do wypowiedziLink

konto usunięte

Temat: miniatury - przeźroczystość

Po kiego tworzyć dla każdego loga dwa obrazki?
Jeśli nie chcesz używać opacity, to zrób tak:



a { position: relative; display: inline-block; }

a span { position: absolute; display: none; top: 0px; left: 0px; width: 100%; height: 100%; background: #f00; }

a:hover span { display: block; }






<a href="#">

	<img src="insert.jpg" />

	<span></span>

</a>


Zamiast koloru tła w span, ustaw półprzezroczysty png, o śmiesznie małym rozmiarze, np. 5x5 px, biały, 50% przezroczystości.
Link do wypowiedziLink
Rafał Nowak

Rafał Nowak PIDI.pl

Temat: miniatury - przeźroczystość

Michał Majewski:
Tylko trzeba zaznaczyć, że opacity nie jest zgodne ze standardami W3C:) a rozwiązanie, które ja przedstawiłem - jest:)

Wprawdzie wciąż proposal, ale: http://www.w3.org/TR/css3-color/#transparency
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy





Wyślij zaproszenie do
Anuluj