Bildreferens

Beskrivning
Med den här mallen kan du visa en bild med etiketter som refererar till bilden. Du kan även knyta ljudfiler (i mp3-format) till etiketterna. Dessa spelas då upp när användaren klickar på etiketten.

Exempel:

(Foto av Daniel Bayona, www.morguefile.com)

Ladda ned filer
bildreferens.zip (innehåller ImageReferenceTemplate.swf, data.xml samt bilden bild2.jpg)

Programvara som du behöver
Allt du behöver för att anpassa denna mall är en enkel texteditor, till exempel "Anteckningar" i Windows. Det går givetvis även att använda program för webbsidesproduktion som Frontpage, Dreamweaver eller GoLive.

Tekniska förutsättningar
Du behöver Flash Player version 8 eller högre för att mallen ska fungera.

Anpassa innehållet
För att ändra frågorna gör du så här:

1. Ladda ner fil-arkivet bildreferens.zip
2. Packa upp filerna till valfri mapp
3. Öppna filen data.xml med en texteditor (som Anteckningar)
4. Filen är en xml-fil, d.v.s. informationen i den är märkt enligt ett system med 'taggar'. En tagg kan man se som en behållare och visas i filen som: <taggnamn>innehåll</taggnamn>
5. Datafilen har 2 avdelningar; en för bilden <image> och en för etiketterna <labels>. Redigera dessa enl. exempelfilen data.xml.
6. Spara data.xml och lägg den i samma mapp som ImageReferenceTemplate.swf.
7. Lägg sedan in flashfilen i en html-sida och ange storleken så stor som du behöver för att bild och etiketter ska rymmas på skärmen.

Redigeringshjälp

1. För att förenkla skapandet av nya etiketter så finns det ett redigeringsverktyg inbyggt i mallen.
2. Öppna filen ImageReferenceTemplate.swf genom att dubbelklicka på den.
3. I nedre högra hörnet finns en checkbox som heter 'Redigera'. Med den kan man aktivera en redigeringspanel som underlättar skapandet av xml-filen.
4. För att ange en etiketts referenspunkt:
   1. Markera den etikett som du vill arbeta med genom att klicka på den. Vald etikett markeras nu med en röd ram.
   2. Klicka på den punkt i bilden som du vill att etiketten ska referera till.
   3. Klicka på etiketten för att kontrollera att den pekar på rätt punkt.
5. Spara dina inställningar genom att klicka på knappen 'Skapa XML'
   1. Dina inställningar sparas nu i urklipp.
   2. Öppna din xml-fil i valfri editor.
   3. Radera ev. gamla inställningar i filen och ersätt dem med de nya genom att 'klistra in' (kopiera från urklipp) den nya texten.
   4. Spara filen.
6. Om du inte kan se 'Redigera'-knappen så prova att göra fönstret större.