Iframe Transparent machen

Question

Hallo,

 

ich lasse mir ein Bild in einem Iframe anzeigen. Jetzt möchte ich aber den weißen Hintergrund entfernen.

Wie bekomme ich den weißen Hintergrund weg ? Praktisch Transparent machen ?

 

Des weiteren ist es so egal wie klein ich das Bild mache von den maßen her im Iframe ist es immer Riesig und ich muss ständig scrollen.

Wie kann ich dieses Bild verkleinern?

 

 

Danke für die Hilfe.

 

 

Answer 1

Ich denke, dass Du das Standard Iframe Verhalten schon mal beeinflussen musst und allowtransparency="true" setzen musst. Das kannst Du z.B. mit einem IFrame_OnLoad_Handler.

Bzgl. der Bildgröße - meinst Du, dass er das Bild an die IFrame Größe anpasst (skaliert)?

---

Gruß Carsten Groth http://carstengroth.spaces.live.com

Answer 2

Hallo Carsten,

ich habe folgenden Code eingepflegt:

//Remove the white border from the iFrame
var frameName = 'IFRAME_lights';
var objFrame = document.getElementById(frameName);
objFrame.allowTransparency=true;

 

Doch leider ändert das Garnichts das weiße ist immernoch da. Wir hatten ja in dem anderen Thread von mir kurz geschrieben. http://social.msdn.microsoft.com/Forums/de-DE/crmgerman/thread/8bfee13a-61e8-4807-b15b-4753ded2d305

Ich habe jetzt das Ampel bild in ein Iframe eingefügt jedoch möchte ich das ganze weiße um die Ampel herum wegmachen. Und daher habe ich gedacht das ich es transparent setze.

 

Bezüglich der Bildgröße: Egal wie klein ich das Bild mache von der Maße her... im IFrame wird es immer rießig angezeigt. Wie kriege ich es hin das das Bild kleiner wird.

 

Answer 3

Dir fehlt vermutlich noch body style ="background-color:transparent"

Hast Du bei dem IFrame "automatisch an Größe anpassen" gesetzt? body style="background-color:transparent

---

Gruß Carsten Groth http://carstengroth.spaces.live.com

Answer 4

Wie meinst du des dir fehlt noch body style ="background-color:transparent"? Wie und wo muss ich das denn einsetzen?

Answer 5

objFrame.allowTransparency=true;
objFrame.onreadystatechange = function () 
{
if (objWindow.document.readyState=='complete') 
{
objWindow.document.body.style.backgroundColor='transparent';
if (objWindow.document.getElementsByTagName('BODY')[0]!=null) 
{
objWindow.document.getElementsByTagName('BODY')[0].style.padding='0px';
}
if (objWindow.document.getElementsByTagName('TABLE')[0]!=null) 
{
objWindow.document.getElementsByTagName('TABLE')[0].cellPadding='0';
objWindow.document.getElementsByTagName('TABLE')[0].style.border='0px';
}
}
}

---

Gruß Carsten Groth http://carstengroth.spaces.live.com