[GastForen Programmierung/Entwicklung JavaScript Bild in neuem Fenster öffnen

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Bild in neuem Fenster öffnen

eickmeier
Beiträge gesamt: 1

26. Nov 2004, 09:19
Beitrag # 1 von 6
Bewertung:
(3613 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo zusammen.

Ich brauche etwas, das ich mal irgendwo gesehen habe, jedoch nicht mehr wieder finde, vielleicht könnt ihr mir ja helfen.

Folgendes:

Stellt euch ein Bild vor in einer für eine Webseite brauchbaren Größe. Wenn ihr mit der Maus auf dieses Bild geht, öffnet sich direkt neben dem Bild ein kleines Fenster indem das Bild dann in originalgröße drin ist. Unter dieses Bild kann man dann noch Informationen, etc schreiben... Habt Ihr eine Ahnung, was ich meine?

Könnt ihr mir helfen? :-(

Vielen Dank.
Martin.
X

Bild in neuem Fenster öffnen

donkey shot
Beiträge gesamt: 1416

26. Nov 2004, 10:33
Beitrag # 2 von 6
Beitrag ID: #127335
Bewertung:
(3613 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Du erstellst am besten eine HTML-Datei mit dem Bild und verwendest ein Skript wie dieses:

function helpWin() {

myW = 600;
myH = 400;

nWin = window.open('', 'nWin', 'toolbar=no,location=no,scrollbar=no,width=myW,height=myH')
scW = ((screen.width-myW)/2)
scH = ((screen.height-myH)/2)
nWin.moveTo(scW,scH);
nWin.document.location.href = "beispiel.html";

}

Du kannst auch an das neue Fenster HTML-Code übergeben, indem Du statt "document.location.href" "document.write" benutzt:

nWin.document.write("<HTML><HEAD><TITLE>beispiel</TITLE><LINK REL='stylesheet' TYPE='text/css' HREF='styles.css'></LINK></HEAD><BODY BGCOLOR='#000000'><DIV ALIGN='center'><FONT CLASS='text'><BR><BR></FONT><A HREF='javascript:self.close()'><IMG SRC='beispiel.jpg' WIDTH=640 HEIGHT=480 BORDER=0></A></DIV></BODY></HTML>");

grüsse,

Christof


als Antwort auf: [#127319]
(Dieser Beitrag wurde von donkey shot am 26. Nov 2004, 10:33 geändert)

Bild in neuem Fenster öffnen

Anonym
Beiträge gesamt: 22827

26. Nov 2004, 10:36
Beitrag # 3 von 6
Beitrag ID: #127336
Bewertung:
(3613 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo.

Vielen Dank für ie schnelle Antwort.
Leider weiß ich gar nicht, wie ich das einbinden kann... Bin, was das programmieren betrifft, ziemlich unerfahren. Kannst du noch etwas mehr ins Detail gehen? ...

Danke!!!


als Antwort auf: [#127319]

Bild in neuem Fenster öffnen

donkey shot
Beiträge gesamt: 1416

26. Nov 2004, 10:40
Beitrag # 4 von 6
Beitrag ID: #127338
Bewertung:
(3613 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Sorry. Da war noch ein Fehler im Skript. Damit er die Variablen mit Höhe und Breite auch bei "window.open" schluckt, muß es heißen:

function helpWin() {

myW = 440;
myH = 440;

myPrefs = "toolbar=no,location=no,scrollbar=no,width=" + myW + ",height=" + myH;

nWin = window.open('', 'nWin', myPrefs);
scW = ((screen.width-myW)/2);
scH = ((screen.height-myH)/2);
nWin.moveTo(scW,scH);
nWin.document.location.href = "banHelp.php";

}

grüsse,

Christof


als Antwort auf: [#127319]

Bild in neuem Fenster öffnen

donkey shot
Beiträge gesamt: 1416

26. Nov 2004, 10:45
Beitrag # 5 von 6
Beitrag ID: #127340
Bewertung:
(3613 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Das Skript schreibst Du in den <HEAD></HEAD> der HTML-Datei und zwar so:

<SCRIPT LANGUAGE="javascript">

<!--

//Hier den Javascript-Code reinschreiben, zB. die genannte Funktion.

-->

</SCRIPT>

Und dann rufst Du die Funktion über einen Link auf. ZB.:

<A HREF="javascript:functionXY()"></A>

Vielleicht solltest Du Dir mal Grundsätzlich etwas über JS durchlesen. ZB. hier:

http://de.selfhtml.org/


grüsse,

Christof


als Antwort auf: [#127319]

Bild in neuem Fenster öffnen

dender
Beiträge gesamt: 7

21. Dez 2004, 00:40
Beitrag # 6 von 6
Beitrag ID: #131738
Bewertung:
(3613 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Falls du nicht von einem Pop-Up (neues Fenster) mit dem Bild darin redest, sondern einen Rollover (onMouseOver) dann werden dir wahrscheinlich eine dieser Beiden JavaScripts weiterhelfen:

http://www.bosrup.com/web/overlib/

oder

http://www.mojavelinux.com/.../viewtopic.php?t=127



als Antwort auf: [#127319]
X