Thorsten
Erfahrenes Mitglied
Moin,
ich hab' mal wieder eine Frage:
Wenn man auf einen Button klickt, dann öffnet sich ein neues kleines Fenster mit den Pixelmaßen 350x350. In diesem Fenster erscheint ein Bild mit den Maßen 800x600. Soweit so gut. Nun möchte ich in diesen kleinen Fenster nur einen bestimmten Ausschnitt vom Bild sehen. Als Beispiel genau die Mitte und das sollte auch das ganze Fenster füllen. Hab' schon viel gebastelt, aber irgendwie dreh ich mich im Kreis und komme mit den Koordinaten nicht klar. Hier meine Scripte:
Datei1:
<html>
<head>
<script language="JavaScript">
<!--
function fenster()
{
neuesFenster=window.open("log2.html","","width=350,height=350,top=150,left=350");
neuesFenster.focus();
}
//-->
</script>
</head>
<body>
<form name="eingabe" method="post">
<input type="submit" class="admin" name="send" value="Bild anzeigen" onClick="fenster()">
</form>
</body>
</html>
Datei2:
<html>
<head>
<style type="text/css">
#bild {position: absolute; bottom: 5px; left: 1px;
background-color:tomato;
clip: rect(20 px 400px 500px 200px);}
</style>
</head>
<body>
<div ID="bild"><img src="images/cadi.jpg"></div>
</body>
</html>
ich hab' mal wieder eine Frage:
Wenn man auf einen Button klickt, dann öffnet sich ein neues kleines Fenster mit den Pixelmaßen 350x350. In diesem Fenster erscheint ein Bild mit den Maßen 800x600. Soweit so gut. Nun möchte ich in diesen kleinen Fenster nur einen bestimmten Ausschnitt vom Bild sehen. Als Beispiel genau die Mitte und das sollte auch das ganze Fenster füllen. Hab' schon viel gebastelt, aber irgendwie dreh ich mich im Kreis und komme mit den Koordinaten nicht klar. Hier meine Scripte:
Datei1:
<html>
<head>
<script language="JavaScript">
<!--
function fenster()
{
neuesFenster=window.open("log2.html","","width=350,height=350,top=150,left=350");
neuesFenster.focus();
}
//-->
</script>
</head>
<body>
<form name="eingabe" method="post">
<input type="submit" class="admin" name="send" value="Bild anzeigen" onClick="fenster()">
</form>
</body>
</html>
Datei2:
<html>
<head>
<style type="text/css">
#bild {position: absolute; bottom: 5px; left: 1px;
background-color:tomato;
clip: rect(20 px 400px 500px 200px);}
</style>
</head>
<body>
<div ID="bild"><img src="images/cadi.jpg"></div>
</body>
</html>
