Tweet
Gute Nacht,
Ziel ist es sowas zu basteln wie lightbox. Also Hintergrund transparent abdunkeln, bild einblenden.
PROBLEM IE:
Funtioniert im neuesten Firefox und Safari im IE7 NICHT. DER HINTERGRUND WIRD TRANSPARENT EINGEBLENDET und ES KOMMT KEIN BILD.
Gibts im IE 7 sowas wie ne fehlerkonsole oder wo ist das in der IE Developer Toolbar versteckt? Oder kann man diesem IE anders auf die Schliche kommen?
Problem Firefox:
Das Bild wird einfach zu langsam groß,auch wenn ich noch so viele nullen nach dem komma setze.
(
Hier bastel ichs für ne Werbung, um zu nerven und user zu vertreiben.
Also das ganze startet nach sekunden, dunkelt ab, bild einblenden, NUR IM IE7 HALT NICHT
)
Ziel ist es sowas zu basteln wie lightbox. Also Hintergrund transparent abdunkeln, bild einblenden.
PROBLEM IE:
Funtioniert im neuesten Firefox und Safari im IE7 NICHT. DER HINTERGRUND WIRD TRANSPARENT EINGEBLENDET und ES KOMMT KEIN BILD.
Gibts im IE 7 sowas wie ne fehlerkonsole oder wo ist das in der IE Developer Toolbar versteckt? Oder kann man diesem IE anders auf die Schliche kommen?
Problem Firefox:
Das Bild wird einfach zu langsam groß,auch wenn ich noch so viele nullen nach dem komma setze.
(
Hier bastel ichs für ne Werbung, um zu nerven und user zu vertreiben.
Also das ganze startet nach sekunden, dunkelt ab, bild einblenden, NUR IM IE7 HALT NICHT
)
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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>TITLE TITLE</title>
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
var intervall_aktiv=0;
var x=0;
var y=0;
function Timer()
{
window.setTimeout("init_intervall()", 1000);
}
function init_intervall()
{
var hintergrund = document.getElementById('bg_transparent');
hintergrund.style.visibility="visible";
intervall_aktiv = window.setInterval("werbung_on()",-10);
}
function werbung_on()
{
var max_x=444;
var max_y=512;
if(max_x > max_y)
max_max=max_x;
else
max_max=max_y;
var bild = document.getElementById('popper')
x=x+1;
y=y+1;
// alert(y);
if(x <= max_x)
bild.style.width=x+'px';
if(y <= max_y)
bild.style.height=y+'px';
if(y >= max_max)
window.clearInterval(intervall_aktiv);
}
function werbung_off()
{
var hintergrund = document.getElementById('bg_transparent');
hintergrund.style.visibility="hidden";
document.getElementById('popper').style.visibility='hidden';
}
/*]]>*/
</script>
<style type="text/css">
/*<![CDATA[*/
body
{
background-color: #66FF99;
}
/* WERBUNG: mittig */
#popper
{
position: absolute;
left: 50%;
top: 50%;
width: 1px;
height: 1px;
overflow:hidden;
margin-left: -222px; /* mittig zentrieren, */
margin-top: -256px;
z-index: 1;
}
#bg_transparent
{
position: absolute;
visibility: hidden;
width:140%;
height:180%;
margin-top: -40%;
margin-left: -40%;
background:#000;
filter:alpha(opacity=50); /* Für IE */
-moz-opacity:0.5; /* Für Gecko-Browser */
opacity:0.5; /* Für Konqueror, Opera 9+, Safari */
z-index: 0;
}
a,img
{
border:none;
}
a:hover
{
cursor: default;
}
/* Schliessen-Leiste */
#close
{
background-color: #FFFFFF;
width: auto;
height:auto;
text-align: center;
font-weight: bold;
}
#close:hover
{
background-color: #FF0000;
color: #FFFFFF;
cursor: pointer;
}
/*]]>*/
</style>
</head>
<body onLoad="Timer()">
<div id="bg_transparent">
</div>
<div id="popper">
<div id="close" onclick="werbung_off()">Schliessen</div>
<a href="http://www.google.de" target="_blank" onclick="werbung_off()">
<img src="madonna.jpg" width="444" height="512" alt="" />
</a>
</div>
Comment