nicht angemeldet
Code Bild klein / groß in passendem fenster
hallo
ich bin noch ganz neu in sachen HTML, deshalb habe ich folgende Frage und zwar : einen code, der ein bild erst klein und beim draufklicken in einem neuen fenster groß zeigt ´, ich weiß,dass man dazu 2 Bilder baucht! ein großes und ein kleines! Allerdings möchte ich nicht,dass eine riesige neue siete geöffnet wird, indem das bild nur viel kleiner zu sehen ist, sondern das fenster die größe des bildes hát, versteht ihr was ich meine ? es wäre wirklich super wenn ihr mir helfen könntet! ich war auf einer Seite, auf der es so war wie ich es will, der Code dazu war
<td align="center" width="25%"><a href="javascript:imageview(image='Bilder/challenge/1.jpg');"><img border="0" src="bilder/challenge/challenge/1.jpg"></a></td>
-- ich habe dann mal die bildernamen verändert (das es auf meine bilder passt) , aber es funktioniert bei mir nicht
viele grüße
katha
-
Holla,
<td align="center" width="25%"><a href="javascript:imageview(image='Bilder/challenge/1.jpg');"><img border="0" src="bilder/challenge/challenge/1.jpg"></a></td>
-- ich habe dann mal die bildernamen verändert (das es auf meine bilder passt) , aber es funktioniert bei mir nicht
Das funtkioniert deswegen nicht weil in dem Bereich: javascript:imageview(...) eine Funktion aufgerufen wird, die es bei Dir auf der Page wahrscheinlich nicht gibt.
Recht einfach zu lösen ist es mit dem window.open Befehl. Ein wenig nachlesen uns etwas probieren bringt Dich ganz schnell ans Ziel und vor allem kommst Du Deinem übergeordnetem Ziel näher: Nämlich HTML ( inkl JavaScript ) zu LERNEN und nicht zu KOPIEREN ;)Hier: http://selfhtml.teamone.de/javascript/objekte/window.htm#open findest Du eigentlich alles was Du brauchst damit das funktioniert. Solltest Du dann trotzdem noch Fragen haben, nur zu ...hier wird Dir sicher geholfen, wenn Du etwas Eigeninitiative zeigst ;)
LG
AndreasN--
Wer lesen kann ist klar im Vorteil-
hi
erstmal danke für deine antwort
allerdings bin ich leider nicht schlauer geworden :(
ich verstehe dsa nicht mit open window, also die seite die du mir zur hilfe gegeben hast ! Es war nicht zumindest das ,was ich wollte, denn es soll sich ja nur ein fenster öffnen....also
*hm*
hoffe du kannst mir irgenwie weiterhelfenmfg
katha
-
Holla,
ich verstehe dsa nicht mit open window, also die seite die du mir zur hilfe gegeben hast ! Es war nicht zumindest das ,was ich wollte, denn es soll sich ja nur ein fenster öffnen....
Also wenn sich nur ein Fenster öffnen soll warum dann so kompliziert, bzw so Gedankenlos ? Das ist der Code den die BSP-Seite hergibt:
<html><head><title>Test</title>
<script type="text/javascript">
<!--
F1 = window.open("datei.htm","Fenster1","width=310,height=400,left=0,top=0");
F2 = window.open("datei.htm","Fenster2","width=310,height=400,left=320,top=0");
self.focus();
self.close();
//-->
</script>
</head><body>
</body></html>dieser Code macht zwei Fenster auf, also EINER zuviel ... gut , dann löschen wir einfach die Zeile F" = ...... WEIL wir wollen ja NUR ein Fenster ... der ganze restliche Quatsch da ist für uns auch uninteressant also wech damit. Da Du das ja öfter als ein mal benutzen möchtest, sollten wir daraus eine Funktion machen:
<html><head><title>Test</title>
<script type="text/javascript">
<!--
funktion bilderanzeige(){
window.open("datei.htm","Fenster1","width=310,height=400,left=0,top=0");
}
//-->
</script>
</head><body>
</body></html>Und so systematisch muss man dann auch weiter vorgehen: Du willst bei Bildern die eine unterschiedliche Größen haben jeweils ein Fenster öffnen das eben GENAU so gross ist wie das Bild ? Dann musst Du auch jedes mal die Parameter "BILDADRESSE", "BILDHÖHE", "BILDBREITE" mit übertragen, somit kommen wir schnell wieder an Dein Beispiel:
<td align="center" width="25%"><a href="javascript:bilderanzeige('Bilder/challenge/1.jpg', '390', '200');"><img border="0" src="bilder/challenge/challenge/1.jpg"></a></td>
Damit wird das Bild in AktOrdner/Bilder/challenge/1.jpg in der Grösse 390 x 200 aufgerufen und damit das auch wirklich so von der JavaScript Funktion aufgenommen wird, muss man die Parameter auch mit übernehmen:
<html><head><title>Test</title>
<script type="text/javascript">
<!--
funktion bilderanzeige(add, h, b){
window.open(add,"Fenster1","width="+h+",height="+b"+",left=0,top=0");
}
//-->
</script>
</head><body>
</body></html>Und mit etwas Testerei wirst Du denke ich auch zu Deinem gewünscten Ergebnis kommen. Noch mehr Vorsagen MÖCHTE ich gar nicht mehr , ein wenig alleine denken sollst Du schon noch ;)
DENK BITTE DARAN ! SCHREIBFEHLER SCHLEICHEN SICH ÜBERALL MIT EIN, DER O.G. QUELLCODE WURDE NICHT GETESTET.
MfG
AndreasN--
Wer lesen kann ist klar im Vorteil
-
-