Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JS, FLASH] Animacja pękającej szyby
Savage.Mephisto
post
Post #1





Grupa: Zarejestrowani
Postów: 122
Pomógł: 11
Dołączył: 24.01.2008

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


Witam.
Zwracam się do ludzi, którzy mają doświadczenie w tworzeniu animacji w technologii Flash i używaniu frameworka jQuery. Otóż klient zażyczył sobie, aby po przejściu na każdą podstronę serwisu internetowego była obecna animacja pękającej szyby wraz z podkładem dźwiękowym (warto tu dodać, iż tło swf musiałoby być przezroczyste, aby było widać elementy graficzne i tekstowe znajdujące się pod spodem). Doszedłem do wniosku, że wykonam to całe "ustrojstwo" w ten sposób, iż po kliknięciu na link odsyłający do podstrony pojawi się nadrzędna warstwa zakrywająca całą stronę, na której będzie się znajdować animacja swf i po upływie załóżmy 5 sekund automatycznie się schowa. Czy ktoś ma doświadczenie w tego typu działaniach i mógłby mi coś doradzić, nakierować na właściwe tory? Byłbym wdzięczny za pomoc.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Savage.Mephisto
post
Post #2





Grupa: Zarejestrowani
Postów: 122
Pomógł: 11
Dołączył: 24.01.2008

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


Serdeczne dzięki za zainteresowanie tematem i wszelkie sugestie.
Poprawiłem nieco kod i wersja beta wygląda mniej więcej tak (nie jest to rozwiązanie doskonałe, ale zostawiam je dla potomnych):

  1. div#object {
  2. position: absolute;
  3. width: 100%;
  4. height: 100%;
  5. }


  1. <script type="text/javascript">
  2. // <![CDATA[
  3. $(document).ready(function() {
  4. var obj = $("#object");
  5. var height = $(window).height();
  6. var width = $(document).width();
  7. obj.css({
  8. \'left\': width/2 - (obj.width() / 2),
  9. \'top\': height/2 - (obj.height() / 2)
  10. });
  11. $("#object").delay(8000).hide(10);
  12. });
  13. // ]]>


  1. $swf = 'glass';
  2. $path = 'swf/'.$swf.'.swf';
  3.  
  4. <div id="object">
  5. <object type="application/x-shockwave-flash" width="100%" height="100%" data="'.$path.'">
  6. <param name="quality" value="high" />
  7. <param name="movie" value="'.$path.'" />
  8. <param name="menu" value="false" />
  9. <param name="wmode" value="transparent" />
  10. </object>
  11. </div>

Go to the top of the page
+Quote Post

Posty w temacie


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: 14.10.2025 - 07:44