Bild durch Animation ersetzen!?!

[codyallen]

Ich fang mal von vorne an.
Habe ein Layout in Photoshop erstellt und dann gesliced.
Weiter dann mit dreamweaver (vorweg mit css kenne ich mich kaum aus, kann eine vorhandene höchstens anpassen)
Ich dachte mir später dann, das ich auf dem Headerbild gerne eine Animation hätte.
Ich ging so vor, ich öffnete das geslicete header.gif in swishmax und legte eine Textanimation drauf und exportierte die swf als header.swf in den Bilder ordner.
Dann änderte ich im code: <img src="Bilder/header.gif" width="1024" height="119">
und das ergab: <img src="Bilder/header.swf" width="1024" height="119">

So weit so gut, die Animation läuft, doch in der Browseransicht habe ich nun zwischen dieser headeranimation und dem bereich darunter ein paar milimeter weissen Freiraum.
Also ein Balken über die ganze breite. Ich habe beim erstellen der Animation genau drauf geachtet das die Größe die selbe bleibt. Habt ihr ne idee was ich ändern muss?
Danke

hier mal bild:

 

[sokie]

AW: Bild durch Animation ersetzen!?!

zum einen wird eine swf nicht mit dem <img> tag eingebunden. Zum anderen ist es schon wegen der Dateigrösse in kb und der flexibilität in der Anordnung günstiger die swf nicht mit dem Hintergrundbild, sondern mit transparenten Hintergrund zu erzeugen.
in deinem Fall könnte <img style="border:0" ... /> schon einen unterschied bringen.

 

[codyallen]

AW: Bild durch Animation ersetzen!?!

Danke für die schnelle Antwort.
Ja, mein erster Gedanke war auch das ich die Animation mit transparenten HG erstelle.
Aber dann hab ich versucht die Animation über das header.gif zu legen und daran ist es gescheitert. Das hat nicht geklappt.
Kannst du mir vielleicht genauer erklären wo ich <img style="border:0" genau einfüge?
Herzlichen Dank

 

[jackprince]

AW: Bild durch Animation ersetzen!?!

im quelltext einfach über "strg +F" suchen und in nach "<img " einfügen.
Natürlich sollte im "src" attribut das korrekte bild verknüft sein.

Außer du möchtest generell keine Rahmen um Bilder dann öffnest du
die css datei und fügst z.B. ganz unten ein

img {border: none;}

Flash wird übrigens über einen object tag eingefügt.
Lass dir einfach vom Flash selbst eine HTML generieren.
dort kannst du dir den Code heraus nehmen und bei dir in der Seite einsetzen.

 

[sokie]

AW: Bild durch Animation ersetzen!?!

Danke für die schnelle Antwort.
Ja, mein erster Gedanke war auch das ich die Animation mit transparenten HG erstelle.
Aber dann hab ich versucht die Animation über das header.gif zu legen und daran ist es gescheitert. Das hat nicht geklappt.

dann müsstest du das Bild eben als hintergrund innerhalb eines containers (zB div) benutzen, und die swf in diesen div hineinsetzen.

Kannst du mir vielleicht genauer erklären wo ich <img style="border:0" genau einfüge?
Herzlichen Dank

das style="border:0" müsste in deinen img-tag in dem du das swf hast:

<img style="border:0" src="Bilder/header.swf" width="1024" height="119">

hier über besser oder schlechter zu sprechen ist müssig, weil das img ja ohnehin nicht das geeignete Element für das Einbetten von swf ist.

ich weiss ja nicht, wo das bei dir mit dem Schreiben von Webseiten hingeht, aber wenn du da mehr machen willst, ist das erlernen der Grundlagen eine ganz wichtige Sache. Wir haben hier ja einiges an und zusammengetragen