BlackBoard » Design, Programmierung & Entwicklung » Webdesign » Fenster ohne Adress/Linkleiste, das sich einem Bild anpasst ??? » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen
Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen Fenster ohne Adress/Linkleiste, das sich einem Bild anpasst ???
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
H@WK H@WK ist männlich
Aufsteiger


images/avatars/avatar-178.jpg

Dabei seit: 14.12.2001
Beiträge: 34
Herkunft: House of GOD

Fenster ohne Adress/Linkleiste, das sich einem Bild anpasst ???       Zum Anfang der Seite springen

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 H@WK ist offline E-Mail an H@WK senden Beiträge von H@WK suchen
max1mus max1mus ist männlich
composituer/producteur

images/avatars/avatar-2028.jpg

Dabei seit: 12.09.2001
Beiträge: 609

      Zum Anfang der Seite springen

<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

__________________
.| jurij pialat - disc jockey and producer |.
23.08.2002 14:12 max1mus ist offline E-Mail an max1mus senden Homepage von max1mus Beiträge von max1mus suchen
LX LX ist männlich
El Comandante en Jefe


images/avatars/avatar-2290.gif

Dabei seit: 25.11.2001
Beiträge: 5.372
Herkunft: Berliner Bronx

Achtung       Zum Anfang der Seite springen

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 LX ist offline E-Mail an LX senden Homepage von LX Beiträge von LX suchen
Baumstruktur | Brettstruktur
Gehe zu:
Neues Thema erstellen Antwort erstellen
BlackBoard » Design, Programmierung & Entwicklung » Webdesign » Fenster ohne Adress/Linkleiste, das sich einem Bild anpasst ???

Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH