nicole29
Account gelöscht Threadersteller
Ort: -
|
Verfasst Do 28.04.2005 12:13
Titel Bildernavigation springt nach oben |
|
|
Hallo,
habe ein Framset mit zwei Frames - im rechten ist eine Bilderleiste mit Thumbs, klickt man auf ein Bild, wird das entsprechende große Bild in den linken Frame geladen.
folgendes Problem - die Bilderleiste springt bei jedem Klick nach oben - und das ist ziemlich nervtötend
Hier der Link:
http://www.kwellwerk.com/_kersten/stand_09/seiten/bildergalerie/frameset_bilder.html
und hier die Scripte Code: | <html>
<head>
<title>bereich</title>
<style type="text/css">
<!--
body
{
scrollbar-base-color:#E9841D;
scrollbar-track-color: white;
scrollbar-face-color: white;
scrollbar-highlight-color: white;
scrollbar-3d-light-color: #E9841D;
scrollbar-darkshadow-color: white;
scrollbar-shadow-color: #E9841D;
scrollbar-arrow-color: #7FB8D4;
font-family: "Trebuchet MS", Verdana,Arial;
font-size:13px;
line-height:16px;
text-align:left;
background-repeat:repeat-y;
}
-->
</style>
<script type="text/javascript">
<!--
bild1="../../bilder/blind.gif";
bild2="../../bilder/galerie/001.jpg";
bild3="../../bilder/galerie/002.jpg";
bild4="../../bilder/galerie/003.jpg";
bild5="../../bilder/galerie/004.jpg";
bild6="../../bilder/galerie/005.jpg";
bild7="../../bilder/galerie/006.jpg";
bild8="../../bilder/galerie/007.jpg";
bild9="../../bilder/galerie/008.jpg";
bild10="../../bilder/galerie/009.jpg";
bild11="../../bilder/galerie/010.jpg";
bild12="../../bilder/galerie/011.jpg";
bild13="../../bilder/galerie/012.jpg";
bild14="../../bilder/galerie/013.jpg";
bild15="../../bilder/galerie/014.jpg";
bild16="../../bilder/galerie/015.jpg";
bild17="../../bilder/galerie/016.jpg";
bild18="../../bilder/galerie/017.jpg";
bild19="../../bilder/galerie/018.jpg";
bild20="../../bilder/galerie/019.jpg";
bild21="../../bilder/galerie/020.jpg";
bild22="../../bilder/galerie/021.jpg";
bild23="../../bilder/galerie/022.jpg";
bild24="../../bilder/galerie/023.jpg";
bild25="../../bilder/galerie/024.jpg";
bild26="../../bilder/galerie/025.jpg";
bild27="../../bilder/galerie/026.jpg";
bild28="../../bilder/galerie/027.jpg";
var stopnr="eins";
var stopname=bild1
var hold=1;
var stopnr="eins";
var stopname=bild1
var hold=1;
function change(nr,name)
{
if (nr==stopnr){}
else
parent.main.document.images[nr].src=name
}
-->
</script>
</head>
<body topmargin="10" leftmargin="0" bgcolor="#F8DABB" style="background-image:url(../bilder/hintergrund_iframe.gif); background-repeat:no-repeat; background-attachment:fixed;">
<a href="#001" onClick="change('box',bild2)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/001_k.jpg" width="140" height="105" border="0" alt=""></a><a name="001"> </a>
<br>
<br>
<a href="#002" onClick="change('box',bild3)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/002_k.jpg" width="140" height="105" border="0" alt=""></a><a name="002"> </a>
<br>
<br>
<a href="#003" onClick="change('box',bild4)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/003_k.jpg" width="140" height="105" border="0" alt=""></a><a name="003"> </a>
<br>
<br>
<a href="#004" onClick="change('box',bild5)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/004_k.jpg" width="140" height="105" border="0" alt=""></a><a name="004"> </a>
<br>
<br>
<a href="#005" onClick="change('box',bild6)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/005_k.jpg" width="140" height="105" border="0" alt=""></a><a name="005"> </a>
<br>
<br>
<a href="#006" onClick="change('box',bild7)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/006_k.jpg" width="140" height="105" border="0" alt=""></a><a name="006"> </a>
<br>
<br>
<a href="#007" onClick="change('box',bild8)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/007_k.jpg" width="140" height="105" border="0" alt=""></a><a name="007"> </a>
<br>
<br>
<a href="#008" onClick="change('box',bild9)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/008_k.jpg" width="140" height="105" border="0" alt=""></a><a name="008"> </a>
<br>
<br>
<a href="#009" onClick="change('box',bild10)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/009_k.jpg" width="140" height="105" border="0" alt=""></a><a name="009"> </a>
<br>
<br>
<a href="#010" onClick="change('box',bild11)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/010_k.jpg" width="140" height="105" border="0" alt=""></a><a name="010"> </a>
<br>
<br>
<a href="#011" onClick="change('box',bild12)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/011_k.jpg" width="140" height="105" border="0" alt=""></a><a name="011"> </a>
<br>
<br>
<a href="#012" onClick="change('box',bild13)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/012_k.jpg" width="140" height="105" border="0" alt=""></a><a name="012"> </a>
<br>
<br>
<a href="#013" onClick="change('box',bild14)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/013_k.jpg" width="140" height="105" border="0" alt=""></a><a name="013"> </a>
<br>
<br>
<a href="#014" onClick="change('box',bild15)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/014_k.jpg" width="140" height="105" border="0" alt=""></a><a name="014"> </a>
<br>
<br>
<a href="#015" onClick="change('box',bild16)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/015_k.jpg" width="140" height="105" border="0" alt=""></a><a name="015"> </a>
<br>
<br>
<a href="#016" onClick="change('box',bild17)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/016_k.jpg" width="140" height="105" border="0" alt=""></a><a name="016"> </a>
<br>
<br>
<a href="#017" onClick="change('box',bild18)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/017_k.jpg" width="140" height="105" border="0" alt=""></a> <a name="017"> </a>
<br>
<br>
<a href="#018" onClick="change('box',bild19)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/018_k.jpg" width="140" height="105" border="0" alt=""></a><a name="018"> </a>
<br>
<br>
<a href="#019" onClick="change('box',bild20)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/019_k.jpg" width="140" height="105" border="0" alt=""></a><a name="019"> </a>
<br>
<br>
<a href="#020" onClick="change('box',bild21)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/020_k.jpg" width="140" height="105" border="0" alt=""></a><a name="020"> </a>
<br>
<br>
<a href="#021" onClick="change('box',bild22)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/021_k.jpg" width="140" height="105" border="0" alt=""></a><a name="021"> </a>
<br>
<br>
<a href="#023" onClick="change('box',bild23)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/022_k.jpg" width="140" height="105" border="0" alt=""></a><a name="022"> </a>
<br>
<br>
<a href="#024" onClick="change('box',bild24)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/023_k.jpg" width="140" height="105" border="0" alt=""></a><a name="023"> </a>
<br>
<br>
<a href="#025" onClick="change('box',bild25)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/024_k.jpg" width="140" height="105" border="0" alt=""></a><a name="024"> </a>
<br>
<br>
<a href="#026" onClick="change('box',bild26)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/025_k.jpg" width="140" height="105" border="0" alt=""></a><a name="025"> </a>
<br>
<br>
<a href="#027" onClick="change('box',bild27)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/026_k.jpg" width="140" height="105" border="0" alt=""></a><a name="026"> </a>
<br>
<br>
<a href="#029" onClick="change('box',bild28)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/027_k.jpg" width="140" height="105" border="0" alt=""></a><a name="027"> </a>
<br>
<br>
</body>
</html> |
Code: | <html>
<head>
<title>Ralf Kersten - Physiotherapie und Ergotherapie</title>
<meta name="author" content="Kwellwerk">
</head>
<body topmargin="10" leftmargin="83" bgcolor="#F8DABB">
<img src="../../bilder/blind.gif" width="0" height="0" border="0" alt="" style="visibility:hidden;" name="eins">
<img src="../../bilder/galerie/001.jpg" width="300" height="225" border="0" alt="" name="box">
</body>
</html> |
woran liegt das?
|
|
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht:
|
Verfasst Do 28.04.2005 12:20
Titel
|
|
|
ich würd statt
Code: |
<a href="#001" onClick="change('box',bild2)" onFocus="if(document.all) this.blur()"><img src="../../bilder/galerie/thumbs/001_k.jpg" width="140" height="105" border="0" alt=""></a><a name="001"> </a>
|
Code: |
<img src="../../bilder/galerie/thumbs/001_k.jpg" width="140" height="105" border="0" alt="" onClick="change('box',bild2)" onFocus="if(document.all) this.blur()" style="cursor:pointer">
|
machen..
Wieso der nciht zum richtigen Anker springt, konnt ich aufm ersten Blick nicht erkennen...
|
|