Wie richtet man auf die Bildschirmmitte aus? @ tutorials.de: Tutorials, Forum & Hilfe

cybes · 22.01.06 20:52

Hallo,

ich würde gerne wissen wie und wo man genau einstellen kann, dass das Flashdokument immer auf die Bildschirmmitte ausgerichtet ist, unabhängig von der Bildschirmauflösung des Besuchers. Ich benutze die Schulversion von Flash und bin für jeden Tipp sehr dankbar,

Gruß,
Cybes

Tobias Menzel · 23.01.06 04:34

Hi,

Entweder, Du packst den Film mit fixer Größe in ein DIV, das mittig positioniert ist (such dazu im Forum nach "zentrieren"), oder Du lässt den Film als "Vollbild" laufen und richtest Deine Objekte an der Bühnenmitte aus (such dazu im Forum nach "scaleMode" bzw. "align").

Gruß
.

oaki · 23.01.06 14:56

oder du zeichnest eine Tabelle mit height=100% und width=100% und zentrierst die Zelle und fuegst dein swf-file an.

Gruss

Chris Kurt · 23.01.06 16:04

Ich löse das meistens indem ich in Flash ein Skript habe, welches auf Größenänderungen reagiert, also z.B. sowas:

PHP-Code:


function doResize()

{

    sw = 550;  // Bühnenbreite

    sh = 400;  // Bühnenhöhe

    w = Stage.width;

    h = Stage.height;

    rw = (w - sw) / 2;

    rh = (h - sh) / 2;

    oben = 0-rh;

    links = 0-rw;

    unten = sh + rh;

    rechts = sw + rw;

     // Mc Mittig wird zentriert :

    McMittig._x = links + w / 2 - McMittig._width / 2;

    McMittig._y = links + h / 2 - McMittig._height / 2;

}

StageListener = new Object();

StageListener.onResize = function ()

{

    doResize();

};

Stage.addListener(StageListener);

doResize();

Und dann die swf so einbinden:

PHP-Code:


<html><head></head>

<body bgcolor="#181810" marginheight="0" topmargin="0" marginwidth="0" leftmargin="0">

<object classid ="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 

    codebase ="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" 

    width="100%" 

    height="100%">

<param name="movie" 

    value="file.swf">

<param     name="quality"

    value="high">

<param  name="bgcolor" 

    value="#181810"> <param  name="scale" 

    value="noscale">

<embed     src="file.swf"

    name="file" 

    scale="noscale"

    bgcolor="#181810"

    quality="high"

    pluginspage="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" 

    type="application/x-shockwave-flash" 

    width="100%"

    height="100%">

</embed>

</object>

</body></html>

cybes · 24.01.06 20:26

Hallo,
vielen Dank erstmal für die vielen Tipps. Würde das ganze gern mit der Scalemode-Variante lösen, aber wo genau muß dieser HTML-Code eingesetzt werden?

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <title>index3</title>
 </head>
 <body bgcolor="#ffffff">
 <!--Im Film verwendete URLs-->
 <!--Im Film verwendeter Text-->
 <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="100%" height="100%" align="middle"> 
 <param name="allowScriptAccess" value="sameDomain" /> 
 <param name="movie" value="test.swf" /> 
 <param name="quality" value="high" /> 
 <param name="bgcolor" value="#ffffff" /> 
 <param name="scale" value="showall"> 
 <embed src="test.swf" width="100%" height="100%" align="middle" quality="high" scale="showall" bgcolor="#ffffff" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> 
 </object>
 </body>
 </html>

Hab es blauäugig in Actionscript unter index eingetzt. Klickt man auf Codeüberprüfung heißt es auf ein Operator "<" muß ein Operand folgen "</htmt>", aber wahrscheinlich muß der ganze Code woanders eingesetzt werden.

Gruß

Tobias Menzel · 24.01.06 22:28

Hi,

das ist der html-Code, der auf Deiner html-Seite verwendet wird, um die swf-Datei einzubinden. Er wird kleinesfalls in Flash als AS-Code eingegeben.

Gruß
.

cybes · 26.01.06 12:24

Hi,
hab nach einigen fehlgeschlagenen Versuchen die Version von Chris Kurt ausprobiert und aus welchen Gründen auch immer scheint das zu funktionieren, zumindest fast. Mein swf wird schon zentriert angezeigt, aber leider mit einem vertikalen Scrollbalken da am oberen Bildrand folgender Code angezeigt wird

Code :

 {\rtf1\mac\ansicpg10000\cocoartf102 {\fonttbl\f0\fswiss\fcharset77 Helvetica;} {\colortbl;\red255\green255\blue255;} \paperw11900\paperh16840\margl1440\margr1440\vieww9000\viewh9000\viewkind0 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\ql\qnatural \f0\fs24 \cf0 \ \ \ \ \ \ \ \ \

Wie bekomme ich das weg? Ich vermute das es an meinem Texteditor liegen könnte, weil ich diesen nicht direkt als html abspeichern kann sondern zunächst als einen rtf welchen ich dann einfach in html umbenenne.

Danke und Gruß, Cybes

Tobias Menzel · 26.01.06 12:36

... rtf enthält Steuerzeichen zur Formatierung des Textes. html-Dokumente sollten mit einem reinen Texteditor (notfalls Notepad, prima ist auch Notepad2) erstellt werden.

Gruß
.

cybes · 27.01.06 00:41

. . es lag tatsächlich an dem Texteditor, vielen Dank. Die Seite wird nun aber nur von Safari und IE einwandfrei dargestellt, Firefox 1.5 zeigt nur eine weisse leere Seite an. Hab mich schon an das Firefox-forum gewendet.
Großen Dank an alle,

Cybes

Tobias Menzel · 27.01.06 11:39

... poste bitte mal den html-Quelltext bzw. gib uns einen Link zu der Seite, falls sie online ist.

Gruß
.

cybes · 27.01.06 12:54

. . habe das ganze mal hochgeladen und kann nun unter folgendem Link getestet werden

www.cylab.com

Es scheint so als ob jeder Browser die Seite darstellen kann, nur nicht FF. Vielen Dank fürs ansehen, Gruß Cybes

Tobias Menzel · 27.01.06 12:59

Hi,

naja, der Quelltext ist ziemlich Kraut und Rüben. Ein Ausschnitt:

Code :

<param name="quality" value="high">
<param name="bgcolor" value="#ffffff" [COLOR=red]/[/COLOR]>
<param name="scale" value="noscale">
 
<embed src="index.swf" 
name="index"
scale="noscale"
bgcolor="#ffffff"
quality="high"
pluginspage="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" 
[COLOR=red].[/COLOR]type="application/x-shockwave-flash"
width="100%" height="100%" >

Manchmal schließt Du die param-Tags explizit (mit /, wie es bei einem xhtml-Dokument der Fall sein sollte), manchmal nicht.
Versuch mal, das komplette Embed-Tag in eine Zeile zu setzen.
Was macht der Punkt (.) vor dem type-Attribut?

Ich würde Dir raten, den Film noch einmal mit Flash zu veröffentlichen (Flash generiert dabei automatisch einen gültigen (x)html-Quelltext) und dann nur die Angaben für Breite und Höhe (width und height) jeweils per Hand auf 100% zu setzen.

Gruß
.

cybes · 27.01.06 17:10

Hi Tobias,
die Seite wird jetzt endlich auch von FF dargestellt. Aus dem FF-Forum kam noch der Tipp das hier manchmal ein Problem mit der "classid" im Object-tag gibt. Mir wurde da empfohlen das Classid bei "object" wegzulassen und statt dessen type="application/x-shockwave-flash" einzusetzen - was in allen Browsern funktionieren sollte.

Dann ist mir ein Unterschied zwischen meiner classid und die von Chris Kurt aufgefallen:
Meine Version:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" . . .
Chris Version (natürlich ohne Leerzeichen):
<object classid="clsid: - )27cdb6e-ae6d-11cf-96b8-444553540000" . . .

Nachdem ich meine Version an die von Chris angeglichen hab, funktioniert alles perfekt und das hauptsächlich nur wegen eines blöden Smileys wenn ich das mal so sagen darf, eine Unverschämtheit. Nochmals vielen vielen Dank, Cybes

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

Div immer in Bildschirmmitte auch beim scrollen

Fenster an Bild anpassen, und dann noch in der Bildschirmmitte

Wie richtet man ein VPN unter Linux ein

wie richtet man SSL ein?

Wie richtet man das teil ....

E-Mail:

Abonnieren Abbestellen