thumb auf großes bild - mit extravagantem pop-up!

[BlackyFoto]

liebe user,

ich habe auf meiner hp, fotoseiten mit thumbnails einrichtet. klickt man auf ein thumb, öffnet das große (originale) bild in einem popup-fenster. aber das ist ja keine neuigkeit *gg*
jetzt möchte ich diese vorgehensweise modifizieren! und dabei stehe ich mit meinem wissen an.

was sollte mein wunsch-popup-fenster können?

fenster soll beim öffnen, auf dem bildschirm mittig ausgerichtet sein
sich automatisch auf die verschieden großen bilder anpassen
auf der unterseite soll es mit einem „schließen-button“ ausgestattet sein, oder
per klick mit der linken maustaste zum schließen sein
es sollte keine symbolleiste, scrollbalken, u.ä. sichtbar sein
ein klick mit der re. maustaste auf das große bild sollte nicht den gewünschten effekt erzielen
kein kleines menü (bei IE), welches erscheint wenn man mit dem cursor auf das bild geht


das script, welches ich bis dato verwende:

Code: Alles auswählen

<P align=center><A onclick="window.open('', 'xxx', 'width=446,height=660,toolbar=0,status=0,location=0,directories=0,menubar=0,scrollbars=0,resizable=0,left=280,top=30')" onmouseout="self.status=' '; return true" href="http://www.beepworld.de/memberdateien/members/BILDNAME_Gross.jpg" target=xxx true? return ;><FONT color=#000000><IMG src="http://www.beepworld.de/memberdateien/members/BILDNAME_klein_Thumbnail.jpg" border=0></FONT></A></P>


bisher habe ich dieses jedoch selbst nicht geschafft, meine vorstellungen auch nur teilweise umzusetzen. vielleicht kann mir da jemand behilflich sein und mir das script so umarbeiten, damit ich endlich meine freude damit habe.

herzlichen dank schon mal im voraus
liebe grüße an euch
blacky

[CoolCasimir]

Code: Alles auswählen

<a haref ="#" onClick="window.open('datei.html', 'Name', config='height=530,width=700,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,directories=no,status=no,left=100,top=50');">Klick mich</a>

Um das Fenster in der Mitte zu positionieren musst Du die Bioldschirmauflösung abfragen mit

Code: Alles auswählen

screen.width screen.height

und dann einfach mal die hälfte davon abziehen. Musst Du mal probieren, einach die Werte in Variablen Speichern und damit ein wenig rechnen. Zum Schluss die Variablen einfach bei left und top einsetzen.
Und so schliesst man ein Fenster:

Code: Alles auswählen

<a href="#" onClick="window.close()"><b>Fenster
        schliessen</b></a>

[nova-welt]

pop-up in der Mitte des Bildschirms positionieren.

var Fenster_Breite=310;
var Fenster_Hoehe=100;

Fenster_Position_in_der_Breite =(screen.availWidth/2)-(Fenster_Breite/2);
Fenster_Position_in_der_Hoehe =(screen.availHeight/2)-(Fenster_Hoehe/2);

Rechten Mausklick deaktivieren:
z.B. so:

Code: Alles auswählen

<script language='JavaScript1.2'>
  function right(e) {
    if (navigator.appName == 'Netscape' && (e.which == 2 || e.which == 3)) {
      alert("Rechtsklick ist deaktiviert");
      return false;
    }
    else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button==2 || event.button == 3)) {
      alert("Rechtsklick ist deaktiviert");
      return false;
    }
    return true;
  }
  document.onmousedown=right;
  if (document.layers) window.captureEvents(Event.MOUSEDOWN);
  window.onmousedown=right;
</script>

[BlackyFoto]

die hilfestellung. ich werde sogleich mal versuchen, dieses script in die tat umzusetzen

recht liebe grüße an alle
blacky