BlackBoard (http://www.black-board.net/index.php)
- Design, Programmierung & Entwicklung (http://www.black-board.net/board.php?boardid=55)
-- Webdesign (http://www.black-board.net/board.php?boardid=19)
--- Fenster ohne Adress/Linkleiste, das sich einem Bild anpasst ??? (http://www.black-board.net/thread.php?threadid=6848)


Geschrieben von H@WK am 17.08.2002 um 10:32:

  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 ???



Geschrieben von max1mus am 23.08.2002 um 14:12:

 

<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 Augenzwinkern

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



Geschrieben von LX am 23.08.2002 um 16:50:

Achtung

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.


Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH