nicht angemeldet
Bilder mit Javascript öffnen ??
Hallo Leute,
ich habe ein Problem (Wer hat das nicht ;-).
Ich möchte eine HTML-Seite erzeugen mit Text, bei gewissen Wörtern will ich einen Link zu einem Bild setzen.
Soweit so gut, das Bild soll nicht in einem neuen Browser-Fenster geöffnet werden sondern in einem kleineren damit der Besucher die Sicht auf die Startseite nicht verliert. Gut wäre wenn man mit Javascript irgendwie die Grösse des Bildes auslesen kann und ein passender Rahmen um das Bild gezogen wird. Kein Schnick-Schnack wie Scroll-Leiste ....
Kann mir jemand helfen ? Habe schon verschiedene Texte zu dem Thema gelesen wo man sowas mit Thumbnails gemacht hat aber nicht mit Textlinks. Habe versucht den Code umzuschreiben bin aber zu dumm, siehe Nickname. ;-)))
gruss, DAU
-
Hallo.
Schau mal unter http://selfhtml.teamone.de, da stehen dann unter http://selfhtml.teamone.de/javascript/objekte/window.htm viele nützliche Sachen, z.B. auch http://selfhtml.teamone.de/javascript/objekte/window.htm#open
Ich denke das reicht erstmal.
Gruß
Mastershrimp
-
Sorry Leute,
ich hab all das schon gelesen und wirklich einige Stunden verbracht um irgendwas auf die Beine zu kriegen aber irgendwie funzt das nicht.
Bei den angebenen Links steht unter "Beispiel" dann immer etwas von 2 Fenstern öffen. Vielleicht bin ich zu müde aber ich checks nicht.
Trotzdem Danke, DAU
Hallo.
Schau mal unter http://selfhtml.teamone.de, da stehen dann unter http://selfhtml.teamone.de/javascript/objekte/window.htm viele nützliche Sachen, z.B. auch http://selfhtml.teamone.de/javascript/objekte/window.htm#open
Ich denke das reicht erstmal.
Gruß
Mastershrimp
-
Wo lag das Problem?
Wenn du einen Link für ein Bild machen willst, dann benutze (wie in den oben geannnten Bsp.) einfach:
<a href="urlZuDeinemBild.jpg" onClick="window.open('urlZuDeinemBild.jpg','Bildname','toolbar=no,status=no,menubar=no,width=200,height=340'); return false;">Blablablabla</a>
^^^^ ^^^^
Größe des Fensters!Mit dem automatisch Auslesen hab ich selber noch nicht hinbekommen. Vielleicht geht das mit dem riesen-Script von System Kalina.
Mit dem Code hier kannst du ganz einfach ein Bild öffnen, welches dann in einem kleinen extra-Fenster ohne Menü, Status und sonst was angezeigt wird.
Die Größe musst du für jedes Bild selber eingeben - aber ist denk ich mal nicht so schlimm.Jetzt verstanden? ;)
Gruß
Mastershrimp
-
('urlZuDeinemBild.jpg','Bildname','toolbar=no,status=no,menubar=no,width=200,height=340'); return false;">Blablablabla</a>
^^^^ ^^^^
Größe des Fensters!Sorry, die "^^^^" sollten unter "width=200,height=340" stehen...Ist wohl verrutscht.
Also: Zum ändern der Fenstergröße musst du "width=200,height=340" ändern.
-
-
-
-
Servus,
also du musst beim öffnen einer neuen Seite ja im image Tag die grösse nicht angeben. Dann wid das Bild in der Orginal Grösse geöffnet. (Ich hoffe doch das klappt bei jedem Browser)
Soweit ich weiss kannst du dem Bild einen Rahmen verpassen oder eine Tabelle drum herum bauen, welches sich an das Bild anpasst.
size = 0% als Stichwort.
Mit divs geht das auch.Siehe für Details selfhtml Doku.
Gruss Matze
-
Hallo.
Wie wärs mit folgendem:
Lege folgende Datei an "popup.js" mit folgendem Inhalt:
<!---
Protokoll = self.location.protocol;
Pfad = self.location.pathname;
Basis = Protokoll + '//' + Pfad.substring(1,Pfad.length-11)
neues_Fenster = null;function errorTrap() {return true;}
window.onerror = errorTrap;function Zeigen(Bild0,Titel0,Breite0,Hoehe0)
{
Bild = Bild0;
Titel = Titel0;
Breite = Breite0;
Hoehe = Hoehe0;
zu();
setTimeout("sichtbar()",1000);
}function sichtbar()
{
Fenster_Hoehe = Hoehe + 30;
Fenster_Breite = Breite + 40;
Optionen = 'left=0,top=0,resizable=yes,menubar=yes,height='+Fenster_Hoehe+',width='+Fenster_Breite;
neues_Fenster = window.open('','',Optionen)
with (neues_Fenster)
{
document.writeln('<HTML><HEAD><TITLE>' + Titel + '</TITLE></HEAD>');
document.writeln('<BODY BGCOLOR="#000000" TEXT="#FFFFFF"><DIV ALIGN=CENTER><TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 VALIGN="MIDDLE"><TR><TD>');
document.writeln('<IMG SRC="'+Bild+'" WIDTH='+Breite+' HEIGHT='+Hoehe+' BORDER=0 ALT="'+Titel+'"></TD>');
document.writeln('</TR></TABLE></DIV></BODY></HTML>');
}
}function zu()
{
if (neues_Fenster != null)
if (!neues_Fenster.closed)
if (neues_Fenster.close)
neues_Fenster.close();
}//--->
Dann deine html-Datei:
<HTML>
<HEAD>
<TITLE>PopUp im passenden Fenster</TITLE>
<SCRIPT LANGUAGE="JavaScript" SRC="popup.js"></script>
</HEAD>
<BODY>
<p>PopUp - Bild anklicken.</p>
<A href="javascript:Zeigen('bild.jpg','Bildname',512,384)">
<img src="thumb_bild.jpg" width="160" height="120" border="1" alt="Bild"></A>
<A href="javascript:Zeigen('bild.jpg','Bildname',512,384)">
Textlink zum Bild</A>
</BODY>
</HTML>Die jeweilige Größe musst du in der Zeile hier angeben:
<A href="javascript:Zeigen('bild.jpg','Bildname',512,384)">System Kalina
-
Servus,
der Name passt nicht zu Dir.
System Kalina
Nenn dich mal lieber fleissiges Lieschen
Denn dafür war ich zu faul.Grss Matze
-
Hallo Matze
der Name passt nicht zu Dir.
System Kalina
Was soll das?!?
Nenn dich mal lieber fleissiges Lieschen
Denn dafür war ich zu faul.Wofür wärst du zu faul?
System Kalina.
-
Servus,
das war ein anerkennender Scherz.
Ich war zu faul den Code zu schreiben, denn Du hier gepostet hast.Gruss Matze
-
Hallo Matze.
das war ein anerkennender Scherz.
Ich war zu faul den Code zu schreiben, denn Du hier gepostet hast.Sorry, bin grad schräg drauf. Ein Smiley wär da einfach nett gewesen.
System Kalina.
-
Servus,
jo stimmt den grinser habe ich vergessen.
so longGruss Matze
-
-
-
-
-
-
Kann mir jemand helfen ? Habe schon verschiedene Texte zu dem Thema gelesen wo man sowas mit Thumbnails gemacht hat aber nicht mit Textlinks. Habe versucht den Code umzuschreiben bin aber zu dumm, siehe Nickname. ;-)))
Ein Skript, das ein popup öffnet das sich automatisch an die Bildgröße anpasst und ohne JS immer noch eine Funktion hat:
http://home.arcor.de/struebig/js/popup/index.htmStruppi.