Autor |
Nachricht |
eyepe
Threadersteller
Dabei seit: 30.05.2005
Ort: Thüringen
Alter: 37
Geschlecht:
|
Verfasst Sa 24.09.2005 17:07
Titel Script zur anpassung der Fenstergröße an die Bildgröße |
|
|
Hallo,
ich suche einen Script der, wenn ich einen Link zu einem Bild welches in einem neuen Fenster geöffnet wird, die Fenstergröße dem Bild anpasst.
Würde mich freuen, wenn Ihr mir weiterhelfen könnt.
|
|
|
|
|
heav
Dabei seit: 10.02.2004
Ort: Heimat der Inspiration
Alter: 39
Geschlecht:
|
Verfasst Sa 24.09.2005 18:13
Titel
|
|
|
Versuch mal das folgende JavaScript, kann aber nichts versprechen, habs von google:
Code: | <html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
function GrafikPopUp(Grafik)
{
bild = new Image();
bild.src = Grafik;
groesse(Grafik);
}
function groesse(Grafik)
{
if ((bild.width != 0) && (bild.height != 0))
{
AusgleichBreit = 10;
AusgleichHoch = 29;
GrafikBreit = bild.width;
GrafikHoch = bild.height;
FensterBreit = GrafikBreit + AusgleichBreit;
FensterHoch = GrafikHoch + AusgleichHoch;
PositionX = (screen.availWidth - FensterBreit) / 2;
PositionY = (screen.availHeight - FensterHoch) / 2;
var popGrafik = window.open('','popGrafik','width=' + FensterBreit + ',height=' + FensterHoch + ',top=' + PositionY + ',left=' + PositionX + '');
with (popGrafik)
{
with (document)
{
open();
write('<html>'
+ '<head>'
+ '<title>Bildergalerie</title>'
+ '</head>'
+ '<body style="background-color: #000; overflow: hidden; margin: 0px; padding: 0px; border-width: 0px;>'
+ '<a href="javascript:top.close();"><img name="bild" src="' + Grafik + '" border="0" width="' + GrafikBreit + '" height="' + GrafikHoch + '" alt=""></a>'
+ '</body>'
+ '</html>');
close();
}
resizeTo(FensterBreit, FensterHoch);
moveTo(PositionX, PositionY);
focus();
}
}
else
setTimeout('GrafikPopUp(\'' + Grafik + '\');', 1000);
}
//-->
</script>
</head>
<body>
<a href="javascript:GrafikPopUp('./bild_1.jpg');">bild_1.jpg</a><br />
<a href="javascript:GrafikPopUp('./bild_gross_2.jpg');"><img src="./bild_klein_2.jpg" border="0" width="161" height="117" title="bild_klein_2.jpg" alt="bild_klein_2.jpg" /></a>
</body>
</html> |
|
|
|
|
|
Anzeige
|
|
|
tucow
Dabei seit: 25.11.2004
Ort: Düsseldorf
Alter: -
Geschlecht:
|
Verfasst Mo 26.09.2005 01:43
Titel
|
|
|
mit php gehts wesentlich einfacher mit weniger zeilen
größe des bildes ausgeben lassen und die breite bzw höhe dann in einem js window.open() eintragen lassen.. zudem kannste dann noch nen dynamischen text aus 'ner db auslesen
|
|
|
|
|
funkydj
Dabei seit: 27.10.2005
Ort: gummersbach
Alter: 44
Geschlecht:
|
Verfasst Mi 09.11.2005 00:09
Titel
|
|
|
gefällt mir sehr gut, und ist das einzige was auch mal funktioniert!!!
Weiß jemand an welcher Stelle man den Code ergänzen muss, um das neue Fenster bei Klick auf das Bild wieder zu schliessen?
Gruß
|
|
|
|
|
myel
Dabei seit: 19.01.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 09.11.2005 00:53
Titel
|
|
|
vielleicht daraus
Code: | '<a href="javascript:top.close();"><img name="bild" src="' + Grafik + '" border="0" width="' + GrafikBreit + '" height="' + GrafikHoch + '" alt=""></a>' |
mal das machen
Code: | '<a href="javascript:window.close();"><img name="bild" src="' + Grafik + '" border="0" width="' + GrafikBreit + '" height="' + GrafikHoch + '" alt=""></a>' |
edit: bold im code geht wohl nicht...
Zuletzt bearbeitet von myel am Mi 09.11.2005 00:53, insgesamt 1-mal bearbeitet
|
|
|
|
|
funkydj
Dabei seit: 27.10.2005
Ort: gummersbach
Alter: 44
Geschlecht:
|
Verfasst Mi 09.11.2005 00:58
Titel
|
|
|
Danke, ich habs bereits selber ausgetüftelt!
Code: | '<a href="javascript:top.close();"><img onClick="window.close();" name="bild" src="' + Grafik + '" border="0" width="' + GrafikBreit + '" height="' + GrafikHoch + '" alt=""></a>' |
|
|
|
|
|
myel
Dabei seit: 19.01.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 09.11.2005 01:01
Titel
|
|
|
ja genau, oder so.
das top.close() ist aber eigentlich überflüssig jetzt.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Fenstergröße bestimmt Bildgröße
Fenstergröße?
JS für Fenstergröße ?!
anpassung von ajax slideshow
Anpassung von myspace-seite
Flexieble Fenstergröße
|
|