Guten Tag,
Ich bin gerade dabei mir ein kleines Fotoalbum zu schreiben, und will es mit JS ein wenig aufpeppen. Meine Problem ist wie folgt:
Das Bild, dass gerade angezeigt wird, befindet sich in einem div-Container. Wenn man daraufklickt, wird das Bild vergrößert, der Container bleibt aber gleich groß und bekommt nur Scrollbars. Aber nun wird am Anfang immer die linke obere Ecke angezeigt. Ich will aber, dass die Anzeige auf die Stelle zentriert wird, auf die man zuvor geklickt hat.

Die Probleme, die ich dabei habe sind, dass ich nicht herausfinde, wo man hingeklickt hat; außerdem weiß ich nicht, wie ich das div automatisch scrollen kann.

Hier die betreffenden code ausschnitte:

  
   <div id="mainPICcontainer">  
    <img src="bilder/001.jpg" id="mainPic" onClick="javascript: zoom()" />  
   </div>  

  
function zoom()  
{  
	if(document.getElementById("mainPICcontainer").style.overflow != "scroll")  
	{  
		document.getElementById("mainPICcontainer").style.overflow = "scroll";  
		document.getElementById("mainPic").height = maxHeight;  
		document.getElementById("mainPic").width = maxWidth;  
	}else{  
		document.getElementById("mainPICcontainer").style.overflow = "hidden";  
		document.getElementById("mainPic").height = minHeight;  
		document.getElementById("mainPic").width = minWidth;  
	}  
}

minHeight/minWidth ist die Containergröße
maxHeight/maxWidth ist die Bildgröße

Ich wollte es erst mit "window.event.offsetX" versuchen, aber das kennt der FF nicht.

Ich hoffe es kann mir jemand weiterhelfen. Ich sag' schonmal im voraus vielen Dank.

MfG WotanII

PS: die URL führt zu einer Alpha-Version; Preloader und Ajax kommen noch. Und es kann sein, dass ich die Seite zwischendurch umbaue.