Bildergallerie scrollt immer zurück

HaGs

Hallo,

meine HP hat eine Bildergallerie mit Thumbnails als Vorschaubilder. Ich scrolle z.B. eine Seite weiter und klicke auf ein Bild, dann wird es in einem neuen Fenster in original Größe dargestellt. Dann srollt aber das Thumnails-Fenster wieder an die erste Position zurück, und das ist neeeeeeeeeervig. Normal soll doch das Fenster nan der gescrollten Stelle stehen bleiben!! Oder?
Ich habe schon alle mir bekannten Einstellungen ausprobiert, aber dieses zurück-scrollen ist nicht abstellbar.
Hat von Euch jemand eine Idee.
Die HP ist als Frames aufgebaut, dort kann man nur einstellen ob der Scrollbalken immer da ist, automatisch angezeigt oder nicht angezeigt werden soll.
Tritt sowohl bei FireFox als auch IE auf.
Hier der HTML-Code.

HTML

<html>
<head>
<title></title>
<style type="text/css">
html, body {
  scrollbar-base-color:#333333;
  scrollbar-3d-light-color:#ffffff;
  scrollbar-arrow-color:#000000;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#BF171D;
  scrollbar-highlight-color:#B3B2B2;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#B3B2B2;
}
</style>
<link rel="stylesheet" href="text.css">
<script language="JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body bgcolor="#000000" topmargin="20" leftmargin="20" marginwidth="20" marginheight="20" link="#ED3335" vlink="#ED3335" alink="#ED3335">
<table width="668" border="0" align="center" cellpadding="0" cellspacing="0" class="lauftext">
  <tr> 
    <td height="38" colspan="3"><font color="#ED3335">[b] Blues &amp; Rockfestival im VZ Komma W&ouml;rgl, am 21.01.2005[/b]</font><font size="3">[b]


    [/b]</font></td>
    <td><div align="center"><font color="#ED3335">[b][url='concerts.html']zur&uuml;ck[/url][/b]</font><font size="3">[b][/b]</font></div></td>
  </tr>
  <tr align="center" valign="middle">
    <td width="170" height="10">
	  <a href="#" onClick="MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival000.jpg','','width=507,height=390')">
	  [img]images/concerts/2005-01-21_Blues-Rockfestival_Komma/LowSize/Blues-Rockfestival000.JPG[/img]
	  </a>
    </td> 
    <td width="170" height="10"> 
    <a href="#" onClick="MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival005.jpg','','width=507,height=390')">
	[img]images/concerts/2005-01-21_Blues-Rockfestival_Komma/LowSize/Blues-Rockfestival005.JPG[/img]
	</a>
	</td>
    <td width="170" height="10">
	<a href="#" onClick="MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival010.jpg','','width=507,height=390')">
	[img]images/concerts/2005-01-21_Blues-Rockfestival_Komma/LowSize/Blues-Rockfestival010.JPG[/img]
	</a>
	</td>
    <td width="170" height="10">
	<a href="#" onClick="MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival015.jpg','','width=507,height=390')">
	[img]images/concerts/2005-01-21_Blues-Rockfestival_Komma/LowSize/Blues-Rockfestival015.JPG[/img]
	</a>
	</td>
    <div align="center">
	</div>
      <div align="right"></div>
  </tr>
  <tr align="center" valign="middle">
    <td width="170" height="10" valign="middle">
	<a href="#" onClick="MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival020.jpg','','width=507,height=390')">
	[img]images/concerts/2005-01-21_Blues-Rockfestival_Komma/LowSize/Blues-Rockfestival020.JPG[/img]
	</a>
	</td> 
    <td width="170" height="10">
	<a href="#" onClick="MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival025.jpg','','width=507,height=390')">
	[img]images/concerts/2005-01-21_Blues-Rockfestival_Komma/LowSize/Blues-Rockfestival025.JPG[/img]
	</a>
	</td>
    <td width="170" height="10">
	<a href="#" onClick="MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival030.jpg','','width=507,height=390')">
	[img]images/concerts/2005-01-21_Blues-Rockfestival_Komma/LowSize/Blues-Rockfestival030.JPG[/img]
	</a>
	</td>
    <td width="170" height="10">
	<a href="#" onClick="MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival035.jpg','','width=507,height=390')">
	[img]images/concerts/2005-01-21_Blues-Rockfestival_Komma/LowSize/Blues-Rockfestival035.JPG[/img]
	</a>
	</td>
  </tr>
  <tr align="center" valign="middle">
    <td width="170" height="5">
	<a href="#" onClick="MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival040.jpg','','width=507,height=390')">
	[img]images/concerts/2005-01-21_Blues-Rockfestival_Komma/LowSize/Blues-Rockfestival040.JPG[/img]
	</a>
	</td> 
    <td width="170" height="5">
	<a href="#" onClick="MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival045.jpg','','width=507,height=390')">
	[img]images/concerts/2005-01-21_Blues-Rockfestival_Komma/LowSize/Blues-Rockfestival045.JPG[/img]
	</a>
	</td>
    <td width="170" height="5">
	<a href="#" onClick="MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival050.jpg','','width=507,height=390')">
	[img]images/concerts/2005-01-21_Blues-Rockfestival_Komma/LowSize/Blues-Rockfestival050.JPG[/img]
	</a>
	</td>
    <td width="170" height="5">
	<a href="#" onClick="MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival055.jpg','','width=507,height=390')">
	[img]images/concerts/2005-01-21_Blues-Rockfestival_Komma/LowSize/Blues-Rockfestival055.JPG[/img] 
	</a>
	</td>
    <div align="right"></div>    </td>
  </tr>
  <tr align="center" valign="middle">
    <td width="170" height="5">
	<a href="#" onClick="MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival060.jpg','','width=507,height=390')">
	[img]images/concerts/2005-01-21_Blues-Rockfestival_Komma/LowSize/Blues-Rockfestival060.JPG[/img]
	</a></td>
    <td width="170" height="5">
	<a href="#" onClick="MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival065.jpg','','width=507,height=390')">
	[img]images/concerts/2005-01-21_Blues-Rockfestival_Komma/LowSize/Blues-Rockfestival065.JPG[/img]
	</a></td>
    <td width="170" height="5">
	<a href="#" onClick="MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival070.jpg','','width=507,height=390')">
	[img]images/concerts/2005-01-21_Blues-Rockfestival_Komma/LowSize/Blues-Rockfestival070.JPG[/img]
	</a></td>
    <td width="170" height="5">
	<a href="#" onClick="MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival075.jpg','','width=507,height=390')">
	[img]images/concerts/2005-01-21_Blues-Rockfestival_Komma/LowSize/Blues-Rockfestival075.JPG[/img]
	</a></td>
  </tr>
  <tr align="center" valign="middle">
    <td width="170" height="5">
	<a href="#" onClick="MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival080.jpg','','width=507,height=390')">
	[img]images/concerts/2005-01-21_Blues-Rockfestival_Komma/LowSize/Blues-Rockfestival080.JPG[/img]
	</a></td>
    <td width="170" height="5">
	<a href="#" onClick="MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival085.jpg','','width=507,height=390')">
	[img]images/concerts/2005-01-21_Blues-Rockfestival_Komma/LowSize/Blues-Rockfestival085.JPG[/img]
	</a></td>
    <td width="170" height="5">
	<a href="#" onClick="MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival090.jpg','','width=507,height=390')">
	[img]images/concerts/2005-01-21_Blues-Rockfestival_Komma/LowSize/Blues-Rockfestival090.JPG[/img]
	</a></td>
    <td width="170" height="5">
	<a href="#" onClick="MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival095.jpg','','width=507,height=390')">
	[img]images/concerts/2005-01-21_Blues-Rockfestival_Komma/LowSize/Blues-Rockfestival095.JPG[/img]
	</a></td>
  </tr>
  <tr align="center" valign="middle">
    <td width="170" height="5">
	<a href="#" onClick="MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival100.jpg','','width=507,height=390')">
	[img]images/concerts/2005-01-21_Blues-Rockfestival_Komma/LowSize/Blues-Rockfestival100.JPG[/img]
	</a></td>
    <td width="170" height="5">
	<a href="#" onClick="MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival105.jpg','','width=507,height=390')">
	[img]images/concerts/2005-01-21_Blues-Rockfestival_Komma/LowSize/Blues-Rockfestival105.JPG[/img]
	</a></td>
    <td width="170" height="5">
	<a href="#" onClick="MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival110.jpg','','width=507,height=390')">
	[img]images/concerts/2005-01-21_Blues-Rockfestival_Komma/LowSize/Blues-Rockfestival110.JPG[/img]
	</a></td>
	<td width="170" height="5"></td>
  </tr>
  <tr align="center" valign="middle">
    <td height="5" colspan="4"><font color="#ED3335">[b][url='concerts.html']zur&uuml;ck[/url][/b]</font></td>
  </tr>
</table>
</body>
</html>

Alles anzeigen

The User

Das geht nur mit Javascript.
Du musst eine kleine Funktion mit JS machen, die erst die Position speichert und dann mit onload="return funktionsname()" bei dem entsprechenden Element kannst du dann zu der Stelle springen.
Ich weiß leider auch nicht, wie das genau geht.

Viele liebe Grüße
The User

HaGs

Hallo The User,

danke für Deine Antwort.
Echt, du glaubst das dafür ein JS her muss. Wenn ich mir den Code anderer HP mit Bildergallerien anschaue, kann ich kein JS in dieser Form finden, trotzdem wir nicht zurück-gescrollt?????
Ist das nicht irgendwo eine Einstellungssache??

synaptic

näh, is nur mit javascript zu bewerkstelligen
hab akut ach kein script parat was ich dir dafür an die hand geben könnte, müsste dafür selber erstmal rumcoden und testen.
gib mir mal bitte die url zu deinem webspace, damit ich des alles testen kann ohne nen eigenes picture-repository anlegen zu müssen, dann kann ich mal testen was da geht und vor allem wie

Ronald

Ähem....

Code

onClick="MM_openBr ...

das ist doch Javascript.

Dein Problem liegt hier:

Code

<a href="#"

Damit forderst du die aufrufende Seite auf, neu zu laden und dann springt sie logischerweise an den Anfang zurück.
Wenn du nur ein Popup aufrufen willst, dann darfst du dafür keinen HTML-Link verwenden oder du mußt die Ausführung des Linkes blockieren.
Dafür gibt es mehrere Möglichkeiten, bei deiner ohnehin schon etwas unübersichtlichen Konstruktion empfehle ich, diese noch etwas unübersichtlicher zu machen:
hänge einfach in das "onclick" eine weitere Funktion rein "return false;" - so würde das dann z.B. aussehen:

Code

<td width="170" height="10">
   <a href="#" onClick="MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival010.jpg','','width=507,height=390');return false;">
   [img]images/concerts/2005-01-21_Blues-Rockfestival_Komma/LowSize/Blues-Rockfestival010.JPG[/img]
   </a>
   </td>

So wird der HTML-Aufruf zur URL "#" nicht mehr ausgeführt.

Gruß,

Ronald

HaGs

Hallo Roland,

danke für Deine Hilfe. Ich habs jetzt noch auf die schnelle ausprobiert, und es funktioniert. Ich werd es morgen noch genauer studieren.

Vorerst vielen tausend Dank und schöne Grüße.

Danke auch an synaptic.

synaptic

alternativ hätte da auch eine javascript-pseudoURL funktioniert.
einfach ins

Code

href="javascript:MM_openBrWindow('images/concerts/2005-01-21_Blues-Rockfestival_Komma/BigSize/Blues-Rockfestival010.jpg','','width=507,height=390');return false;"

und krasse sache roland.. is mir auf den ersten blick gar nich aufgefallen ich hätt jetzt mit Offset was gescripted^^ (hätte dann wahrscheinlich eh nicht geklappt eben aus den von dir beschriebenem grund

Ronald

Wenn du eine pseudo-URL mit Javascript machst, dann brauchst du das "return false" aber nicht mehr

Gruß,

Ronald

synaptic

ui stimmt..^^ hatte ich oben einfach ohne viel zu überlegen kopiert...
sry meine verfehlung!!

HaGs

Hallo an alle,

ich komme nochmals auf diesen Beitrag zurück. Das mit der Bildergallerie hat nun funktioniert.
Jetzt habe ich dieses automatische nach oben scrollen aber auch bei einer normalen Tabelle. D.h. Ich habe eine lange Tabelle mit 3 Spalten die gescrollt werden kann. In den Zellen sind einträge mit Links, z.B.
"<tr valign="bottom"> <td align="left" height="22">19.05.2004</td>
<td align="left" class="td_underl"><a class="link" href="concerts_mexican.html">Mexican, Ellmau</a></td>
<td align="right">
<a class="link" href="create_auto_gallery.php?path=images/concerts/2004-05-19_Mexican/&headtext=Mexican+in+Ellmau,+am+19.05.2004">Foto-Gallery</a></td>
</tr>"

Scrolle ich nun in der Tabelle ganz nach unten, klicke ich dann auf einen dieser Links, dann wird die entsprechende Seite im gleichen Frame aufgerufen. Kehre ich dann zur Tabelle zurück, ist die Tabelle ganz nach oben gescrollt!!!!
Das will ich so nicht haben.
Gibts dafür eine Einstellung, einen Parameter oder eine Funktion? Das Verhalten ist in FF und im IE. Auch wenn ich mit der Explorer-funktion "zürück" gehe wird die Tabelle nach oben gescrollt.

Tags