Avatar billede fjeh Nybegynder
04. juli 2005 - 16:01 Der er 3 kommentarer og
1 løsning

Visning af horizontal scroll

Jeg er ved at lave en side hvor et billede bliver vist øverst i 800x600 og nedenunder vises mindre billeder. Disse små billeder kan der selvfølgelig være mange af. Det jeg gerne vil have er, at der er en horizontal scroll til de små billeder, så man kan bladre i dem, og klikke på et så det vises i stort format, mens det store billede ikke scroller med.

Min HTML ser således ud:

<table>
  <tr>
    <td>
      'Her vises billedet i 800x600'
    </tb>
  </tr>
  <tr>
    <td>
      'Her vises de små billeder, med horizontal scroll'
    </td>
  </tr>
</table>


Håber I forstår hvad jeg mener...
Avatar billede roenving Novice
04. juli 2005 - 16:22 #1
Indsæt en div i den nederste tabel-celle:

<div style="height:100px;overflow-y:hidden;overflow:-moz-scrollbars-horizontal;">
  <img src="billed1.jpg" onclick="document.getElementById('stortbillede').src=this.src">
  <img src="billed2.jpg" onclick="document.getElementById('stortbillede').src=this.src">
  <img src="billed3.jpg" onclick="document.getElementById('stortbillede').src=this.src">
  <img src="billed4.jpg" onclick="document.getElementById('stortbillede').src=this.src">
</div>

-- og sæt så et id på det store billede:

<img src="billede1.jpg" style="width:800px;height:600px;" id="stortbillede">
Avatar billede fjeh Nybegynder
06. juli 2005 - 18:02 #2
Virkede helt perfekt. Tak for hjælpen.

Sender du lige et svar?
Avatar billede roenving Novice
06. juli 2005 - 18:05 #3
Velbekomme '-)
Avatar billede roenving Novice
08. juli 2005 - 10:07 #4
Tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester