interne link in overflow

[knetter3]

Ik weet niet zeker of ik het hier moet plaatsen, maar omdat ik denk dat het met javascript kan, zet ik het toch hier.

Ik ben bezig met een fotoalbum-maker, en links heb ik een overflow: auto staan, met alle plaatjes erin. Nu wil ik dat als een bepaalde foto is aangeklikt deze bovenaan de overflow komt, dus een interne link.

Ik hoop dat iemand mij kan helpen

Knetter3

 

[Glest]

ik snap niet precies wat je wilt, maar het klinkt alsof je een rij thumbnailss hebt, en als er op een thumbnail geklikt wordt moet het plaatje groot verschijnen in een div ergens?

Gewoon een kwestie van in de onclick event van de thumbnail de img.src van het grote plaatje goed zetten.

 

[Egel]

Dit scrolled de div zodat het geklikte plaatje bovenaan komt te staan.

<script type="text/javascript">
 // Egel 080930 ;)

 function getTop(obj) {
  var y = obj.offsetTop;
  while (obj.offsetParent) {
   obj = obj.offsetParent;
   y += obj.offsetTop;
   };
  return y;
  };

 function adjust(div,obj) {
  div = document.getElementById(div);
  div.scrollTop = 0; // Opera!
  div.scrollTop = getTop(obj) - getTop(div);
  };

</script>


<br><br>
<div id="container" style="overflow: auto; width: 320px; height: 240px; background: #eee;">
 <img src="" width="240" height="160" onclick="adjust('container',this)" style="background: #f00"><br><br>
 <img src="" width="240" height="160" onclick="adjust('container',this)" style="background: #f80"><br><br>
 <img src="" width="240" height="160" onclick="adjust('container',this)" style="background: #fc0"><br><br>
 <img src="" width="240" height="160" onclick="adjust('container',this)" style="background: #ff0"><br><br>
 <img src="" width="240" height="160" onclick="adjust('container',this)" style="background: #0f0"><br><br>
 <img src="" width="240" height="160" onclick="adjust('container',this)" style="background: #0ff"><br><br>
 <img src="" width="240" height="160" onclick="adjust('container',this)" style="background: #08f"><br><br>
 <img src="" width="240" height="160" onclick="adjust('container',this)" style="background: #80f"><br><br>
 <br><br><br><br><br><br><br><br>
</div>

Vr.Gr. Egel.

 

[knetter3]

tnx