Animacja Flash i Lightbox
Bardzo częstym problemem jest użycie narzędzia “Lightbox” do wyświetlania zdjęć na stronie www w połączeniu z animacjami flash. Działanie Lightbox’a po kliknięciu na miniaturkę zdjęcia powoduje przykrycie strony półprzezroczystą czarną warstwą i dopiero na tym tle pokazywane jest powiększenie zdjęcia. W typowych stronach nie zawierających animacji flash, wszystko przebiega bezproblemowo, problem pojawia się dopiero gdy np. na stronie wyświetlimy obiekt flash. W tym przypadku, gdy klikniemy na miniaturkę zdjęcia, lightbox przykrywa półprzezroczystą czarną warstwą wszystkie elementy za wyjątkiem obiektów flash.
Na zdjęciu powyżej po kliknięciu w miniaturkę zdjęcia widzimy jak warstwa przykryła stronę za wyjątkiem animacji stanowiącej element graficzny strony. W tym przypadku zdjęcie, schowało sie za obiektem flash i uniemożliwia obejrzenie powiększonego obrazka. Rozwiązanie tego problemu jest dość proste, wystarczy ustawić przezroczystość obiektu flash w parametrach tagu object (dla przeglądarki IE) i embed (dla przeglądarki FF i Opera), dodajemy dodatkowy parametr wmode=”transparent” .
<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ width=”736″ height=”198″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0″><param name=”id” value=”top” />
<param name=”bgcolor” value=”#FFFFFF” />
<param name=”quality” value=”high” />
<param name=”allowscriptaccess” value=”samedomain” />
<param name=”wmode” value=”transparent” />
<param name=”src” value=”templates/img/top.swf” />
<embed id=”top” type=”application/x-shockwave-flash” width=”736″ height=”198″ src=”templates/img/top.swf” wmode=”transparent” allowscriptaccess=”samedomain” quality=”high” bgcolor=”#FFFFFF”></embed></object>
Po dodaniu parametru wmode lightbox przykrywa już całą stronę półprzezroczystą czarną warstwą łącznie z elementami flash.
Musimy jeszcze pamiętać, że po dodaniu parametru wmode=”transparent” ustawiliśmy przeźroczystość objektu flash i jeżeli tło za tym obiektem jest innego koloru niż tło w animacji flash, to będzie nam przebijać, więc trzeba albo w animacji dodać dodatkową warstwę lub po prostu zmienić kolor tła za obiektem.
lipiec 28th, 2008 o godzinie 16:00
A ja mam następujący problem
Mam na stronie lightboxa i element flasha. W momencie gdy wyświetlam w lightboxie duże zdjęcie, element flasha w tle ginie zupełnie i nie wiem co z tym zrobić.
byłbym wdzięczny za pomoc
pozdrawiam
lipiec 31st, 2008 o godzinie 20:59
Podaj adres strony, zobaczę kod to może coś poradzę.
sierpień 8th, 2009 o godzinie 18:54
dzięki za pomoc.. trochę sie namęczyłem z tym lightboxem i flashem.. cenna porada!
wrzesień 2nd, 2009 o godzinie 15:08
Mam dokładnie taki sam problem -
Mam na stronie lightboxa i element flasha. W momencie gdy wyświetlam w lightboxie duże zdjęcie, element flasha w tle ginie zupełnie i nie wiem co z tym zrobić.
Bardzo prosze o pomoc!
październik 1st, 2009 o godzinie 03:05
A ja mam problem jeszcze innego typu. Pragnę do mojej animacji flash dołączyć galerię lightboxa.
Nie mam jeszcze zrobionej stronki, ale z chęcią bym przygarnął taki przykładowy plik fla.
listopad 27th, 2009 o godzinie 11:03
Piękne dzięki, bruździło mi to przy wklejonych oknach z youtube’a - teraz jest git.
luty 9th, 2010 o godzinie 16:15
Pisze chyba nie wpore ale mam nadzieje ze sie ktos odezwie bede czekal cierpliwe mi tak samo zaslonilo obiekt flash lightboxem
Moglby kots odpisac na maila
kapel4@wp.pl lub gg 6350625
co z tym faktem mam zrobic nic do glowy mi nie przychodzi
marzec 6th, 2010 o godzinie 12:17
U mnie to samo:
http://www.mawilu.nazwa.pl/Taurus-amp/
Zastosowałem poradę,
ale nadal elementy lightbox chowają się pod flash…
marzec 6th, 2010 o godzinie 16:36
Normalne, że u essentian nie działa. Masz ciągle nie zmieniony parametr “wmode”. U ciebie jest wmode=”opaque” a powinno być wmode=”transparent”.
marzec 12th, 2010 o godzinie 00:11
dzięki:) dziła
sierpień 8th, 2010 o godzinie 20:23
Przeogromne podziękowania