Ankerlink scrollt nach oben

[TooLate]

Hallo Forum

Ich habe ein DIV als Hauptanzeigefenster:

<div id="main_view">
<img src="01-Bild.jpg" width="500" height="281" alt="Grosses-Bild-01" />
</div>

Und darunter verschiedene Bildchen in dieser Art und Weise:

<a href="#" onclick="document.getElementById('main_view').innerHTML=  
'<img src=\'02-Bild.jpg\' width=\'500\' height=\'281\' alt=\'Grosses-Bild-02\' /><br /><br />'"><img src="KleinesBildchen-02.jpg" /></a>

Das funktioniert auch alles. Bei Klick auf den Link "KleinesBildchen-02.jpg" wird das Grosse Bild im Haupt-DIV ersetzt. Nur wird nach dem Ersetzen des Bildes im Haupt-DIV die Web-Seite ganz nach oben gescrollt.

Bei einem grossen Bildschirm kein Problem, aber bei Mobil-Devices mit entsprechendem kleinen Bildschirm, muss der Client nach jedem Klick auf das Vorschaubildchen wieder herunter scrollen.

Kann der Anker "#" anders gesetzt werden? Oder muss ich die Scrollposition der Webseite auslesen, in einem Cookie speichern und nach dem Bildwechsel an den Ursprungsort zurück scrollen?

CU TooLate