|
|
|
|
H@WK
Aufsteiger
Dabei seit: 14.12.2001
Beiträge: 34
Herkunft: House of GOD
|
|
Fenster ohne Adress/Linkleiste, das sich einem Bild anpasst ??? |
|
Hi
Wenn man auf DIESER Seite auf ein Bild klickt, wird es in einem Fenster geöffnet, das sich genau dem Bild anpasst. Wie kann ich so ein Fenster erstellen, damit es auch ohne Adress/Linkleiste ist und in der Mitte vom Monitor erscheint ???
__________________ - )._________
- /__///_____/ * * *
-/ // /__)
/__/ I KILL YOU !!!
|
|
17.08.2002 10:32 |
|
|
max1mus
composituer/producteur
Dabei seit: 12.09.2001
Beiträge: 609
|
|
<script language="javascript">
function PopUp(varimage){
var ScreenWidth=window.screen.width;
var ScreenHeight=window.screen.height;
var movefromedge=0;
var varimage;
placementx=(ScreenWidth/2)-((800)/2);
placementy=(ScreenHeight/2)-((600+50)/2);
var PopUpUrl="/pfad/zu/den/bildern"
WinPop=window.open(PopUpUrl+varimage,"","width=800,height=600,toolbar=0,loc
ation=0,directories=0,status=0,scrollbars=0,menubar=0,resizable=0,left="+pl
acementx+",top="+placementy+",screenX="+placementx+",screenY="+placementy+"
,");
}
</script>
So das ist jetzt das script
Einbinden tust du das so :
<img src="kleines_bild.jpg" width="64" height="48" border=0 class="hand" onclick="PopUp('url zum bild.jpg')">
das wars auch schon
__________________ .| jurij pialat - disc jockey and producer |.
|
|
23.08.2002 14:12 |
|
|
LX
El Comandante en Jefe
Dabei seit: 25.11.2001
Beiträge: 5.372
Herkunft: Berliner Bronx
|
|
Etwas umgeschrieben, damit Bilder verschiedener Größe damit geladen werden können:
code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
|
<SCRIPT type="text/javascript">
function popup(Bild, Hoehe, Breite)
{
var BildschirmBreite = window.screen.width;
var BildschirmHoehe = window.screen.height;
var posX = BildschirmBreite / 2 - Breite / 2 - 10;
var posY = BildschirmHoehe / 2 - Hoehe / 2 - 10;
var Pfad = "images/"; // der Pfad ins Verzeichnis, wo die Bilder liegen
var Bild = window.open(Pfad + Bild,"","width=" + (Breite + 20) + ",height=" + (Hoehe + 20) + "scrollbars=0,resizable=0,left=" + posX + ",top=" + posY);
}
</SCRIPT> |
|
Und der Aufruf dann so:
code: |
1:
|
<IMG src="images/bildThumb.gif" height=50 width=30 alt="Thumbnail" onClick="popup('bild.jpg',500,300)"> |
|
(wobei 500 und 300 die Originalmaße des Bildes sind)
Das aufkommende Fenster ist ein kleines bisschen größer als das Bild, was darin geladen wird. Das ist aus dem einfachen Grunde, dass die Browser das Bild net gleich in der linken oberen Ecke eines Fensters beginnen lassen, sondern oben und links ein bisschen Abstand lassen.
__________________ JS-Games.de - Misled Scripting Skills Gone Mad | Meine Filmkritiken | Urban Photography
Kommt mal in den IRC-Channel: irc.eu.freenode.net | Port 6667 | #blackboard
"Ever tried. Ever failed. No matter.
Try again. Fail again. Fail better."
- Samuel Beckett
Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von LX: 23.08.2002 16:52.
|
|
23.08.2002 16:50 |
|
|
|
|
|
|