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

Bilder-Show mit resize usw...

PKi

New member
Hi !

Ich habe mit Hilfe einiger hier gefundener skripte ein "show" skript erstellt. Es zeigt das bild in neuem fenster an, on top, das neue fenster hat die groesse des bildes (die groesse wird an das skript uebergeben), wenn das bild aber groesser als der bildschirm des betrachters ist, wird es verkleindert.

nur noch ein problem hab ich da. wenn der betrachter das fenster nicht schliesst und auf ein anders thumbnail klickt funktioniert es nicht. ich denke man muesse pruefen ob das fenster schon existiert und es dann schliessen und neu oeffnen oder geht es auch anders ???

Waere sehr dankbar fuer eure Hilfe...


Hier das skript:
function newwindow(url, width, height){
scrW = screen.width;
scrH = screen.height;
zoom = Math.min((scrW-8)/width,(scrH-60)/height);
imgW = Math.round(width*zoom);
imgH = Math.round(height*zoom);
if ((width<scrW) & (height<scrH)){
imgW=width;
imgH=height;
}
var Win = window.open("","galeria",'width=' + (imgW) + ',height='+ (imgH) + ',resizable=0,scrollbars=no,menubar=no,top=0,left=0');
Win.document.write ("<html><head><link rel=stylesheet type=text/css href=/image.css><title>GALERIA</title></head>");
Win.document.write ("<body bgcolor='#FFFFFF' onload='focus()'>");
Win.document.write ("<center><img src=");
Win.document.write (url+" width="+imgW+" height="+imgH+" onClick='self.close()'>");
Win.document.write ("</center></body></html>");
Win.document.close();
}

in action zu sehen unter www.mew.pl/mlyny.php leider nicht in deutsch, eine gallerie mit alten muehen, sind auch welche in deutschland dabei..


Und jetzt noch eine zweite frage/bitte...

Ich moechte, wenn der user mit der maus ueber ein link faehrt, dass ein pop-up aufspringt, so dass es immer zu lesen ist, groesse etwa 250x100. aber ohne titelzeile und so, so aehnlich wie die "info" wenn man die maus ueber ein button haelt (kommt kleines gelbes fenster mit nier info..)...hat jemand so ein skript ?
 
@Mr-Sonnenschein: der link auf javarea.de ist zwar schön und gut, aber so findet PKi bestimmt nix. schick ihn doch auf eine bestimmte seite, vorzugsweise jswelt oder forum und nicht zur "konkurrenz"..
bye,
mo
 
Ein gutes Script liegt hier vergraben. Das hab ich selber (mit einigen Modifikationen, die Dich nicht weiter interessieren dürften) auf meiner Seite im Einsatz. Man kann ruhig einfach den focus auf das hauptfenster setzten, sobald ein neues Bild angeklickt wird, wird das alte fenster "umgeschrieben" also das neue Bild reingeladen, die Grösse wird geändert und das Bild wird in den Vordergrund geholt.
 
ach ja für Dich würd ich folgendes ändern:

<script>
<!--- Hide script from old browsers
// (c) 2002 M.Bothge - Schwarzheide
// BILD IN NEUEM ZENTRIERTEN FENSTER ÖFFNEN
//
function OpenNewWindow(Picture,Breit,Hoch)
{

scrW = screen.width;
scrH = screen.height;
zoom = Math.min((scrW-8)/Breit,(scrH-60)/Hoch);
xsize = Math.ound(Breit*zoom);
ysize = Math.round(Hochm);
if ((Breit) & (HochH)){
xsize=width;
ysize=height;


xsize = xsize+35;// Zusatz für Rand rechts und links
ysize = ysize+75; //Zusatz für Rand oben und unten - damit Button angezeit werden kann


xpos = (ScrW/2)-(xsize/2);
ypos = (ScrH/2)-(ysize/2);

NewWindow=window.open("","Picture","height="+ysize+",width="+xsize+",scrollbars=no,resizable=no,top="+ypos+",left="+xpos+"");
NewWindow.document.write ("<html><head><title>BILDANZEIGE");
NewWindow.document.write ("</title></head>");
NewWindow.document.write ("<body bgcolor='#cccccc' onload='focus()'>");
//NewWindow.document.write ("<body bgcolor='#cccccc'>");
NewWindow.document.write ("<table align='center'><tr>");
NewWindow.document.write ("<td align='center' valign='top'>");
NewWindow.document.write ("<table border='1' bgcolor='#000000' cellpadding='0' cellspacing='1'><tr><td align='center'>");
NewWindow.document.write ("<img src=");
NewWindow.document.write (Picture);
NewWindow.document.write (">");
NewWindow.document.write ("</tr></table>");
NewWindow.document.write ("</td></tr><tr>");
NewWindow.document.write ("<td align='center' valign='bottom'>");
NewWindow.document.write ("<br><center><form><input type='button' value='FENSTER SCHLIESSEN' style='font-family: Verdana; font-size: 10px' onClick='self.close()'>");
NewWindow.document.write ("</td></tr></table>");
NewWindow.document.write ("</form></body></html>");
NewWindow.document.close();
NewWindow.resizeTo(xsize+75,ysize+75);
}

// end hiding from old browsers -->
</script>


Und als Thumbnail-Link dann:

<a href="javascript: OpenNewWindow('gfxu/1.gif',224,218)">
<img src="gfxu/1k.gif" alt="Klick mich und ich werde gross..." border="0"></a>
 
Danke euch allen.
Habe eine so schnelle antwort nicht erwartet.

Ich hab es mittlerweile aus einigen skripten zusammengesucht und es so aenlich wie ich es haben wollte auch hinbekommen.

Nochmal DANKE.
 
Zurück
Oben