100% in Pixelwert umwandeln

Webflasher

Mitglied
Hallo Leute,

ich würde gern wissen ob und wie man folgendes mit JavaScript oder mit einer anderen Sprache lösen kann:

Ich habe auf meiner Website eine Flash-Diashow, welche 100% breit ist. Diese sitzt in einem Div, der 25% (der gesamten Website) breit ist.
Nun habe ich das Problem, dass die 100% Breite der Flash-Diashow auf jedem Bildschirm, durch die 25% Breite des Divs, immer unterschiedlich groß ist. So sind die Bilder nicht immer proportional, da ich der Höhe einen Pixelwert zuweisen muss.

Ich habe allerdings einen Weg gefunden dieses Problem zu lösen, wenn ich irgendwie die 100% Breite in einen Pixelwert umwandeln und als Variable definieren könnte (vielleicht geht das ja mit JavaScript?).

Ich hoffe ihr könnt mir helfen...

Vielen Dank
 
http://www.google.de/search?hl=de&safe=off&q=javascript+viewport+width&btnG=Suche&meta=&aq=f&oq=

Javascript:
var viewportwidth;
var viewportheight;
 
 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
 if (typeof window.innerWidth != 'undefined')
 {
      viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
 }
// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
 else if (typeof document.documentElement != 'undefined'
     && typeof document.documentElement.clientWidth !=
     'undefined' && document.documentElement.clientWidth != 0)
 {
       viewportwidth = document.documentElement.clientWidth,
       viewportheight = document.documentElement.clientHeight
 }
 // older versions of IE
 else
 {
       viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
       viewportheight = document.getElementsByTagName('body')[0].clientHeight
 }
 
Vielen Dank.

Hat funktioniert.

Allerdings weiß ich nicht wie ich die Variable im folgenden Code bei height=“„ einsetzen kann.

Code:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="" id="FlashID2" title="">
		<param name="movie" value="..." />
		<param name="quality" value="high" />
		<param name="wmode" value="opaque" />
		<param name="swfversion" value="9.0.45.0" />
		<param name="expressinstall" value="Scripts/expressInstall.swf" />
		<!--[if !IE]>-->
		<object type="application/x-shockwave-flash" data="..." width="100%" height="">
		<!--<![endif]-->
		<param name="quality" value="high" />
		<param name="wmode" value="opaque" />
		<param name="swfversion" value="9.0.45.0" />
		<param name="expressinstall" value="Scripts/expressInstall.swf" />
													
			<div>
				<h4>F&uuml;r den Inhalt dieser Seite ist eine neuere Version von Adobe Flash Player erforderlich.</h4>
				<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Adobe Flash Player herunterladen" width="112" height="33" /></a></p>
			</div>
		<!--[if !IE]>-->
</object>
		<!--<![endif]-->
</object>
 
Ich weiß nicht ob das Flash-Objekt sich nach dem laden noch ändern lässt, dann würde es so gehen:
Javascript:
document.getElementById("FlashID2").height = 123;

Ansonsten musst du das Objekt eben per Javascript in das Dokument schreiben. Z.B. so
Code:
<script type="text/javascript">
/* <![CDATA[ */
var height = 123;
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="'+height+'" id="FlashID2" title="">');
/* ]]> */
</script>
<param name="movie" value="..." />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
.....

Am besten aber das komplette Objekt mit allen Parametern, weil du sonst bei deaktiviertem Javascript ein ungültiges Dokument hast.
 
Zuletzt bearbeitet:
[COVielen dank.

Dein zweiter Vorschlag hat funktioniert. Allerdings habe ich jetzt rausgefunden, dass ich in der Flashdatei das Problem habe, dass die Bilder immer so groß werden wie der Flash.
So werden bei vielen Bildern die Seitenverhältnisse und Proportionen missachtet (es kommt zu Verzerrungen).
Ich habe das Problem hier gepostet.

Vielen dank nochmals
 
Fenstergröße auslesen die 2.

Hi Leute,

vor ein paar Wochen wurde mir mit diesem Link wunderbar weitergeholfen, um mein Problem zu lösen. Das Problem war, das ich einen Code suchte um die Fenstergröße des Browsers auszulesen.

Allerdings hört Safari auf die Site zu laden, sobald es beim Script angekommen ist. Bei Firefox und Co läuft alles.

Ich brauch also einen Script der bei allen Browsern funktioniert.


Danke
 
Zurück