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

bild in neuem, angepasstem fenster

M

mswagner

New member
Hy there.
Habe eine Seite mit Links auf ca 100 Bilder. Diese sollen in einem neuen Fenster geöffnet werden, das genauso gross ist, wie die einzelnen Bilder. Da diese aber nicht alle die selbe Grösse haben, sollte das Script selbst erkennen, wie gross das jeweilige Bild ist, und dann ein Fenster dieser Grösse öffnen.
Das Öffnen des Fensters habe ich eigentlich im Griff, jetzt müsste ich nur noch irgendwie an die Grösse der zu ladenden Bilder kommen, um nicht für jedes einzeln Breite und Höhe an das Script zu schicken. Hat da jemand vielleicht 'ne Idee??
Michael

Hier noch das Script, um das Fenster zu öffnen:

<script language="JavaScript">
<!--
var win1Open = null
var win2Open = null

function displayImage(picName, windowName, windowWidth, windowHeight){
return window.open(picName,windowName,"toolbar=no,scrollbars=no,resizable=no,width=" +
(parseInt(windowWidth)+20) + ",height=" + (parseInt(windowHeight)+15))
}

function doNothing(){}
//-->
</script>

und der call:
<a href="javascript:doNothing()" onclick="win1Open=displayImage('pic.jpg', 'popWin1',
'480', '320')" onmouseover="window.status='Foto sehen...'; return true;"
onmouseout="window.status=''"><img src="button.jpg" alt="Foto" border=0></a>
 
auf anhieb:

Man kann mit JS, die Größe von bereits geladenen Bildern ermitteln...aber dann werden die Bilder evtl. doppelt geladen.

Nimmst Du auch ne PHP-Lösung, weil dort geht's ganz easy!
 
Ich mal mal folgendes Script erhalten und verwende es auf zwei
Präsentationen:

© 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>');
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';
//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>');
}

Wie gesagt! Das Script ist nicht von mir. Aber es funzt. Beim NN leider nicht so.
 
mist

vergiss das hier...hab mich hier versehentlich reingeschrieben
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben