Bitte um Javascript hilfe !

[Capitan-Chaos]

Hallo Kollegen,

ich hatte mal das Thema Bildergalerie (HTML + JS) mit einem Scrollbalken. ( http://www.chaoskreation.de/Bilder.html )Wenn man mit der Auflösung 1024 x 768 fährt (was wohl doch noch viele tun) und auf eines der Bilder klick springt die Seite zu dem Bild aber auch gleich zum oberen Teil der Seite und die Scrollleiste ist micht mehr zu sehen ;( ich weiß es hatte irgend etwas mit dem Anker im JS zu tun, kann es aber nicht mehr rekonstruieren. Ich wäre euch unendlich dankbar wenn Ihr mir helfen könntet ich weiß Ihr habt viel zu tun aber vielleicht habt Ihr ja mal eine ruhige Minute.

div {
border: 0px dashed red;
}
#grossfoto {
height: 100%;
width:800px;
text-align: center;
border: 6px solid #222222;
}

.grossfoto img {
border: 1px solid #222222;
}

#thumbsleiste {
/* position: relative;
top:20px;
bottom: -344px;
background: url(bilder/layout/n.jpg) repeat-x;
background: #bbc2a9; */
height:95px;
width:840px;
margin-left: 5%;
margin-right: 5%;
margin-top:10px;
#padding-bottom: 5px;
overflow: auto;
white-space:nowrap;
}

.thumbsleiste img {
border:1px solid #222222;
margin-top: 0pt ;
}

</style>

<script type="text/javascript">

function bwechsel( $imgname , $dname ) {
document.images[$imgname].src= $dname;
}
</script>


Viele liebe Grüße

[steffenk]

das liegt am Link # - das ist ein leerer Anker der immer zum Dokumentenanfang springt.

Lös es ohne Link und gib den Thumbs ein onclick="..."

[Capitan-Chaos]

Hallo steffenk,
ersteinmal danke für die schnelle Antwort.
Meine großen Bilder werden doch durch einen onklick=".." geladen ?

<div id="thumbsleiste" class="thumbsleiste">
<a href="#" onclick="bwechsel('grossbild','bilder/gross/Q-damm_g.jpg'); "><img src="bilder/thumbs/Q-damm_k.jpg" alt="Die Perlensoldaten: Die Datei gibt es auch als RAW 3006x2000Pixel." title="Die Perlensoldaten: Die Datei gibt es auch als RAW 3006x2000Pixel." /></a>
</div>
Soll ich die thumbs mit einen onklick=".." versehen wenn ja, denn weis ich nicht wie das geht. Vielleicht kannst du es für einen mega Leihen beschreiben.
Viele Grüße nach NRW

[rewboss]

Zitat von steffenk

Lös es ohne Link und gib den Thumbs ein onclick="..."

Das wird aber nicht in jedem Browser funktionieren -- ich glaube, da steigt z.B. der IE aus.

Der onclick-Handler muss false zurückgeben. Schreib den Link also so:

<a href="#" onclick="bwechsel('blabla', 'blabla2'); return false;">

Noch raffinierter wäre es, wenn du auch "#" mit einer URL ersetzt -- entweder der URL eines Bildes direkt, oder der URL einer HTML-Seite mit dem Bild drin und ein "Zurück"-Button o.ä.

In den seltenen Fällen, wo JavaScript ausgeschaltet wird, kriegt man das Bild trotzdem zu sehen; ist JavaScript eingeschaltet, bewirkt return false; dass dem Link nicht gefolgt wird, sondern nur das JavaScript ausgeführt.

[steffenk]

Zitat von rewboss

Das wird aber nicht in jedem Browser funktionieren -- ich glaube, da steigt z.B. der IE aus.

nein, alle Elemente haben laut DOM einen onclick-Handler, das begreift sogar der IE.
Nachteil: kein Fallback bei ausgeschaltetem JS.

[Capitan-Chaos]

Hallo Ihr Beiden,
Rewboss 1000 Danke hat geklappt musste zwar 292 Tags ändern aber hat sich ja gelohnt. Euch beiden DankeDankeDanke =