swf schaalt niet naar CSS aanwijzingen

Status
Niet open voor verdere reacties.
Dat is gedaan met in plaats van pixels bij de width en height values, procenten. Dus bijvoorbeeld, je wilt een plaatje de grootte laten hebben van 10% breedte van de resolutie, en 5% hoogte, dan doe je dus dit:

<img src="jeplaatje.gif" width=10% height=5%>

en met swfjes snap je het nu wel (dat kan niet in een img src he :P)

Probeer maar eens uit, anders in een test bestand:

<img src="jeplaatje.gif" width10% height=5%>

Succes!
 
Laatst bewerkt:
???

Nou.. nee ik begrijp er nog steeds niets van. :rolleyes: Met img gaat het prima, die percentages, maar met een swf krijg je vreemde effecten, zoals witruimte erboven en eronder, waardoor eventuele omsluitende divs uit elkaar gedrukt worden.

Kijk maar eens naar deze vereenvoudige versie: Het img links is 49% en het de Flash ernaast ook.. testpagina.
 
oh, je bedoelt het zo...


je kan de background color in je swf aanpassen. Bij jou heb je die op FFFFFF staan (die bgcolor tag), geef hem de zelfde hex color als je achtergrond die geel is, en dan heb je het!

En het is onmogelijk om een swf die eerst 600 bij 300 was, daarna 600 bij 200 te laten worden, dat kan gewoon niet. Je kan dan wel 400 bij 200, om de volle afbeelding te hebben, snap je wat ik bedoel?

Succes

Damiaan Reijnaers
 
Natuurlijk kan ik de achtergrondkleur aanpassen, maar dat was alleen ter verduidelijking van het probleem. Die witte gebieden ontstaan 'spontaan', die zitten niet in de swf of in de html.

De swf is gemaakt in de verhouding die hij nu heeft, dus dezelfde verhouding als het img links. Dus het schalen gaan nu goed, alleen die ruimtes eronder en erboven.. die krijg ik maar niet weg!
 
Ik heb hier veel tijd in gestoken, maar het lijkt er op dat hier geen echte oplossing voor is. Het kan gewoon niet :( Beetje teleurstellend, maar een van de vele losse draadjes aan HTML / CSS.

Als iemand hier alsnog een oplossing voor vind hoor ik het uiteraard graag, ook later.
 
Misschien kun je hier iets mee?

http://blog.deconcept.com/swfobject/

Ik kom niet verder dan:
HTML: 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" >

<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <title>test</title>
    <link rel="shortcut icon" type="image/ico" href="images/favicon.ico" /> 
    <link rel="stylesheet" type="text/css" href="style/default.css"/>

    <link rel="stylesheet" type="text/css" href="style/print.css" media="print" />
    <script type="text/javascript" src="swfobject.js"></script>
</head>

<body>
<img src="http://www.loesenleijnse.nl/test/images/itf_website_consultancy.jpg" alt="links" width="49%" />
<div id="flashcontent">
  This text is replaced by the Flash movie.
</div>
  <script type="text/javascript">
   var so = new SWFObject("flash.swf", "movie", "49%", "105", "9,0,0,0", "#ffffff");
   so.addParam("allowScriptAccess", "sameDomain");
   so.addParam("allowFullScreen", "false");
   so.addParam("quality", "high");
   so.write("flashcontent");
  </script>
</body>
</html>

Toegevoegd aan css om de div in de rechterbovenhoek te zetten:
Code: 
div#flashcontent {
position: absolute;
top: 1px;
right: 0px;
}
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan