calliandra blomma
(Om du har Flash Player 6 och JavaScript aktiverat ser du ett bildspel med blommor i stället för en enstaka bild ovan.)


Det här exemplet visar hur Flash-innehåll bör infogas för att bibehålla hög tillgänglighet och sökbarhet.

Osynlig hoppkod (jump code)

I början ligger en osynlig bild ovanför Flash-filmen (eller bilden) som låter användare med textläsare hoppa direkt till innehållet. Om du har relevant innehåll i din ”flashcontent”-div (se nedan) så kanske det här inte behövs.

Vanlig div

Det ligger en vanlig div i koden med id-namn ”flashcontent” som innehåller html-kod för att visa en vanlig bild. Innehållet i denna div ersätts med Flash-filmen om användaren har den önskade versionen av Flash.

Detektera och infoga med JavaScript

I det här exemplet infogas Flash-innehåll med JavaScript. Om JavaScript är deaktiverat, eller om användaren inte har den begärda Flash-versionen, ser användaren en statisk bild. Det alternativa innehållet kan vara precis vad som helst.

Extern XML-data

Bilder som laddas in i Flash-filmen definieras i en XML-fil. Vilken XML-fil som skall användas definieras med en parameter när Flash-filmen hämtas. Det betyder att samma Flash-film kan återanvändas och uppdateras utan Flash-kodning. När det är möjligt så använd data i XML-filer, vilket gör din lösning så väldigt mycket mer användbar.

Voila!

Som du kan se så kommer även sökmotorspindlar kunna läsa innehållet i div-en, och människor som kan se Flash-filmen kommer att se den. Vad kan vi mer önska? Ja kanske att Flash-detektering var möjligt med något annat än JavaScript.

Men det är en annan historia.

Läs mer om hur du bäst använder den här metoden för att infoga Flash-filmer med FlashObject.

Viktigt om tillgänglighet

Även med den här metoden måste du givetvis försäkra dig om att du har angett namn och/eller beskrivning av Flash-filmen med Flash inbyggda verktyg för tillgänglighet.

Obligatorisk läsning: Creating Accessible Macromedia Flash Content.

Tack

Jag har skrivit den svenska översättningen av handledningen för FlashObject.
Jag har också skrivit en engelsk version av den här sidan.

Bilagor

Alla filer som används i exemplet listas nedan.

(Obs! Om du använder Firefox och inte kan se Flash-filmer är det möjligt att du måste deaktivera Object-tabs i insticksprogrammet Adblock.)

  • Jag försöker använda samma filer för att visa mina bilder som är 800×450 pixlar. Men det blir fel eftersom dimensionerna på flashfilen förmodligen är något helt annat. Vad exakt innehåller .swf-filen? Inget? Har den nån betydelse alls för hur storleken på bilderna visas? För som det ser ut nu så zoomas bilden in och visas inte korrekt.

    Hoppas du förstår vad jag menar!

  • Flash-filen (arbetsytan på den som den är kompilerad) måste ha samma mått som de bilder du vill visa. Det kan du endast ändra på om du har Flash. Jag har svarat i din tråd på Webforum.

  • Tjena!

    Jag har använt mig detta fenomenala script.. Men! Det fungerar inte att lägga in flera flash objekt på samma sid.. Jag är inte helt hemma på att programera JavaScript men jah har bytt alla namn och filer.. Hur jag en gör så får jag det inte att fungera.. dom äger lixåm varandra.. Super skumt..

  • Varje div som innehåller en Flash måste ha ett unikt namn:

    <div id="unikt-namn">Animaster</div>

    och man måste hänvisa till den med samma namn:

    fo.write("unikt-namn");

    Se till exempel min sida med presentationer.

  • Björn

    Tjenare, undrar om man kan få ny länk att ladda ner swf filen?

  • All Flash på webben borde vara inbäddad på detta sätt. Helst med alternativt innehåll också!

  • Pingback: chemise ralph lauren()

  • Pingback: maillot de foot()