Umieszczanie animacji flash bez potrzeby aktywacji zawartości w przeglądarce

~ pozostałe przykłady ~

Od pewnego czasu animacje flash umieszczane na stronach wymagają ich uaktywnienia poprzez kliknięcie na nich, aby móc z nich korzystać jeśli są interaktywne. Bywa to uciążliwe dla internautów. Można sobie poradzić z tym problemem i poniżej znajduje się opisane rozwiązanie.

W wersji 7 programu Alligator Flash Designer:

Otwórz swój projekt
Wybierz Plik > Eksport strony HTML
Zapisz plik SWF
Wybierz opcję Obiekt JavaScript
Kliknij OK
Wgraj 3 pliki na serwer łącznie z wygenerowanym plikiem swfobject.js

Jeżeli nie posiadasz wersji 7 postępuj zgodnie z poniższą instrukcją

Rozwiązanie pochodzi ze strony www.blog.deconcept.com/swfobject/ i tu jedynie zostało w uproszczony sposób opisane w języku polskim.

Musisz uaktualnić Flash Player'a Sprawdź jaką posiadasz aktualnie wersję.

Na początek będzie potrzebny plik JavaScript "swfobject.js", który można pobrać wraz z gotowym przykładowym zastosowaniem: t1060.zip. Zapisz ten plik w folderze, w którym znajdzie się plik HTML z animacją.

Stwórz plik HTML, którego zawartość powinna wyglądać następująco:

<html>
<head>
<title>SWFObject embed</title>
<script type="text/javascript" src="swfobject.js"></script>
<!-- powyższym poleceniem ładujemy plik JavaScript do wyświetlanej strony -->
</head>
<body>
	<div id="flashcontent"> <!-- warstwa, w której będzie animacja -->
		<strong>Musisz uaktualnić Flash Player'a</strong>
		<a href="flashversion.html">Sprawdź jaką posiadasz aktualnie wersję.</a>.
	</div>

         <!-- kod ActionScript odpowiedzialny za wstawienie właściwej animacji flash: -->
	<script type="text/javascript">
		// <![CDATA[
		var so = new SWFObject("zegarek.swf", "zegarek", "300", "300", "8", "");
		<!--kolejno: nazwa pliku, szerokość, wysokość, wersja FlashPlayer'a, kolor tła-->
		so.write("flashcontent");
		// ]]>
	</script>
</body>
</html>

Aby umieścić więcej niż jedną animację na stronie:
Gdy umieszczamy kolejne animacje flash na tej samej stronie, należy zmienić nazwę warstwy (div) i nazwę warstwy docelowej dla animacji.

Powielamy całość kodu i zmieniamy dla kolejnych animacji te 2 linijki:

<div id="flashcontent2">

i tą linijką:

so.write("flashcontent2");

Zmieniamy także oczywiście pole z nazwą pliku i z wymiarami animacji.

Muszą to być dwie takie same nazwy dla każdej animacji oddzielnie, ale 2 różne animacje nie mogą mieć tej samej nazwy warstwy (div).
W przykładzie został dodany tylko numerek "2" do nazwy.

Umieszczanie animacji flash bez potrzeby aktywacji zawartości w przeglądarce

Chcesz skomentować ten tutorial?