Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] Efekt przyciemnienia, efekt np. z lightboxa
wujek2009
post 12.08.2011, 18:44:55
Post #1





Grupa: Zarejestrowani
Postów: 350
Pomógł: 31
Dołączył: 23.05.2010

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


Cześć.

Jak nazywa się funkcja w jQuery, która pozwoli mi osiągnąć efekt podobny do lightboxa? Po wywołaniu jakiejś funkcji np. onclick, chciałbym "wyróżnić" diva a resztę strony wyciemnić - krótko mówiąc efekt podobny do lightboxa, ale bez lightboxa ;-)

Demo, jak aby zobaczyć efekt na żywo -> http://www.lokeshdhakar.com/projects/lightbox2/
Go to the top of the page
+Quote Post
potreb
post 12.08.2011, 21:52:32
Post #2





Grupa: Zarejestrowani
Postów: 1 568
Pomógł: 192
Dołączył: 7.03.2005
Skąd: Warszawa

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


Czasami firebug się przydaje:
  1. <div id="overlay" style="width: 1245px; height: 3132px; opacity: 0.8;"></div>
  2. <div id="lightbox" style="top: 65.1px; left: 0px;">
  3. <div id="outerImageContainer" style="width: 470px; height: 358px; font-size: 37.0621px;">
  4. <div id="imageDataContainer" style="width: 470px;">
  5. </div>


Zainstaluj sobie firebuga i sprawdź jak to wyglada właśnie na lightboxie smile.gif


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

Go to the top of the page
+Quote Post
pifarek
post 12.08.2011, 23:29:15
Post #3





Grupa: Zarejestrowani
Postów: 91
Pomógł: 15
Dołączył: 3.03.2009
Skąd: Włocławek

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


Robisz lekko przezroczystą warstwę (czy to przez opacity, czy .png), która pokrywa całą stronę, a na nią już nieprzezroczysty element (zdjęcie).


--------------------
www.swiths.com
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: 28.04.2024 - 17:52