• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

jpg-Link in Fenster ohne Leisten?

H

holgerchen

New member
Moin Moin,
ich habe auf einer Frameseite mehrere Fotos als Tumbnail auf die dazugehörigen Fotos gelinkt. Wenn ich auf das Tumb klicke, soll ein neues Fenster geöffnet werden. Ist ja mit HTML ganz einfach. Aber...
Ich möchte allerdings ein Fenster in der größe des Fotos, ohne Menübar, ohne URL usw. öffnen. Geht das mit JavaScript und wenn ja, wie und wo muß ich den Code einbinden?
Freue mich über ausführliche Antwort, da ich von JS keine Ahnung habe.
 
Nachbar ???

Moin moin Holger,

warscheinlich wird Dir noch wer genauer helfen, ich geb meist nur denkanstöße, also, es geht in Java-Script, und zwar gibt es den "open" Befehl, dort kannst Du alles so eingeben wie Du es haben möchtest, größe, Leisten und und und. Ich würde Dir vorschlagen, vorallem wenn DU noch mehhr in dieser Richtung machen möchtest, suche im Netz mal unter SELFHTML das ist eine sehr gute Befehlsreferenz, eine Adresse hab ich grad nicht zur Hand, aber da kannst Du sehr viel herauslesen. Wenn sonnst noch fragen sind schreib ich nächstesmal auch gern mehr <smile>
Ciaoi

Marko
 
Moin, moin!

Dieses Script habe ich von einem anderen Forum. Funktioniert
einwandfrei geht nur mit NN nicht. Würde mich interessieren, wie es mit Netscape
richtig funktioniert.

/*******************************************************
© by www.schledo.de & www.michasch.de.vu
*******************************************************/
i=0;
function bild(pfad,schrift)
{
var hoehe, breite;
var geladen=0;

//Ein Ladefenster wird erstellt
++i;
fenster=open("","fenster"+i+"","width=100 height=100 top=5 left=5");
fenster.document.writeln('<html>');
fenster.document.writeln('<body>');
fenster.document.writeln('<body');
fenster.document.writeln('<p>Bitte warten... <br>Bild wird geladen...</p>');

//Ein Inlayframe wird im Ladefenster erstellt, in dem das Bild geladen wird
fenster.document.writeln('<iframe id="iframe1" width=1 height=1></iframe>');
fenster.iframe1.document.writeln('<html><body><img src='+pfad+' id="bild1"></body></html>');
fenster.document.writeln('</body>');
fenster.document.write('</html>');

//es wird gewartet, bis das Bild vollständig geladen ist
while(geladen!=1)
{
if(fenster.iframe1.document.images[0].complete==true)
geladen=1;
}

//Die Maße des Bildes werden ausgelesen
hoehe=fenster.iframe1.bild1.height;
breite=fenster.iframe1.bild1.width;
fenster.document.location='about:blank';

//Prüfung der Bildauslese, kann aktiviert werden
//alert(eval(hoehe));
//alert(eval(breite));

//Das Ladefenster wird auf die Größe des Bildes gebracht und dieses als Hintergrund aktiviert
fenster.window.resizeTo(breite,hoehe);
fenster.document.writeln('<html>');
fenster.document.writeln('<body background='+pfad+'>');
fenster.document.writeln('<title>' + schrift + '</title>');
fenster.document.writeln('</body></html>');
}

Gruß Steffen
 
tach holgerchen

also eigentlich ist das ganz einfach mit den link:

<a href="#"><img src="dein.jpg" onClick="window.open('deine.htm','beliebigerfenstername','height=200,width=200')"></a>


gut, das müsste schon funzen, nun noch ne kurze erklärung das du auch was dabei lernst:

das <a href="#"> brauchst du zwar eigentlich nicht, aber damit sich dein mousezeiger so verhält wie über einen normalen link, ist dies sehr zu empfehlen.
<img src="bild"> ist der ganz normale tag der sich noch mit width, height, border usw. erweitern lässt.


nun zum neuen teil der aus javascript stammt:

onClick=window.open("....") ist das grundgerüst zum öffnen eines fensters, in der klammer kommt zu erst die html die geöffnet werden soll, dann ein beliebiger fenstername (den brauchst du um das selbe fenster von einen weiteren script wieder ansprechen zu können), dann angaben wie breite, höhe, resizeable=yes/no, scrollbars=yes/no usw.
 
Hey Steinei1980!

Mit dem Script hat man jedenfalls weniger Schreibaufwand, da die
fenstergröße dem Bild angepaßt wird.

Gruß Steffen
 
ja gut, aber wenns nurn paar bilder sind, oder wenns in NN net funzt könnt ers alternativ so machen! oder wenn alle bilder gleich groß sind gibt ers einmal also function ein und spricht die funktion immer wieder neu an!

:) also kommt auf den verwendungszweck an, was er damit vor hat!
 
nochmal

Hi Steffen, hi Steini,
vielen Dank für eure Zuschriften, hier wird sich ja wirklich um die Anfragen gekümmert.
Aber so ganz komme ich noch nicht klar: muß ich das Script in jeden Link einbinden, oder genügt ein Aufruf im Head, oder wie??? Ich geb euch mal meine Adresse:>> http://www.computer-hilfe.de.vu <<.
Es geht um das Fotoalbum. Vielleicht kann ja jemand von euch nochmal gucken.

Danke, Holger
 
Tag Holger!

<img src="Bildklein.jpg" onClick="bild('Bildgroß.jpg',Beschreibung Fenster')">

Beschreibung Fenster ist die Caption des Fenster vom Internetexplorer

FF Viel Vergnügen Steffen
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben