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.

Nie wiem czy to najlepszy sposób. Przeźroczysta warstwa zasłaniająca całą stronę prawdopodobnie uniemożliwi kliknięcie w link. Osobiście zrobiłbym to w inny sposób. Mianowicie stworzył bym warstwę zasłaniającą całą stronę i w niej umieściłbym animacje. W jQuery większego problemu nie powinno być:



Pozostaje jeszcze sprawa odtworzenia animacji po kliknięciu, ale to nie jest duży problem.

Do tej pory "wymodziłem" coś takiego:
(efekt można obejrzeć tutaj: http://mxx.pl/szkloradom/)

[HTML] pobierz, plaintext 
div#object {
   position: absolute;
   width: 910px;
   height: 910px;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<script type="text/javascript">
// <![CDATA[
   $(document).ready(function() {
      var obj = $("#object");
      var height = $(window).height();
      var width = $(document).width();
      obj.css({
         \'left\': width/2 - (obj.width() / 2),
         \'top\': height/2 - (obj.height() / 2),
      });
      $("#object").hide(70000);
   });
// ]]>
</script>
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
$swf = 'glass';
$path = 'swf/'.$swf.'.swf';
 
<div id="object">
   <object type="application/x-shockwave-flash" width="910" height="910" data="'.$path.'">
      <param name="quality" value="high" />
      <param name="movie" value="'.$path.'" />
      <param name="menu" value="false" />
      <param name="wmode" value="transparent" />
   </object>
</div>
[PHP] pobierz, plaintext 

Kilka uwag:
1) Nie wiem jak zrobić, aby dopiero po wczytaniu całej strony i po odtworzeniu animacji poprawnie się chowała warstwa z nią związana (#object) - w skrajnych przypadkach, kiedy strona nie zdąży się szybko załadować, animacja flash nie jest widoczna.
2) Zależałoby mi na tym, aby animacja zajmowała cały ekran roboczy w przeglądarce. Za pomocą $(window).width() oraz $(window).height() można uzyskać rozdzielczość ekranu, tylko teraz jak te wartości wprowadzić do kodu odpowiedzialnego za wyświetlanie animacji flash? W tej chwili wymiary swf są "na sztywno" wpisane i wynoszą 910x910px.

Ktoś pomoże?

Tylko użyj nowszego jQuery. W wersji której używasz nie ma delay.

PS. Nie wiem w ogóle co ten temat robi w Hydepark. Przenoszę.

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):

[HTML] pobierz, plaintext 
div#object {
	position: absolute;
	width: 100%;
	height: 100%;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<script type="text/javascript">
// <![CDATA[
	$(document).ready(function() {
		var obj = $("#object");
		var height = $(window).height();
		var width = $(document).width();
		obj.css({
			\'left\': width/2 - (obj.width() / 2),
			\'top\': height/2 - (obj.height() / 2)
		});
		$("#object").delay(8000).hide(10);
	});
// ]]>
</script>
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
$swf = 'glass';
$path = 'swf/'.$swf.'.swf';
 
<div id="object">
	<object type="application/x-shockwave-flash" width="100%" height="100%" data="'.$path.'">
		<param name="quality" value="high" />
		<param name="movie" value="'.$path.'" />
		<param name="menu" value="false" />
		<param name="wmode" value="transparent" />
	</object>
</div>
[PHP] pobierz, plaintext