[Javascript] Foto's vergroot weergeven?

[anoniem]

Ik wil een aantal thumb's op mijn pagina laten zien. Door op een thumb te klikken moet er boven de thumbs de de bijbehorende foto getoond worden. Als script heb ik nu het volgende : [code:1:2633a300b4] <script language='JavaScript'> var i = 1 images = new Array images[1] = "foto-1.jpg" images[2] = "foto-2.jpg" images[3] = "foto-3.jpg" images[4] = "foto-4.jpg" images[5] = "foto-5.jpg" function vergroten(fotonr){ document.foto.src = images[fotonr] } </script> [/code:1:2633a300b4] De eerste foto wordt als volgt getoond : [code:1:2633a300b4]<img name="foto" src="foto1.jpg" width="600" height="400">[/code:1:2633a300b4] De code voor de thumbs is als volgt: [code:1:2633a300b4]<img src="foto2.jpg" width="150" height="100" onClick='javascript:vergroten(2); return false'>[/code:1:2633a300b4] Dit werkt op zich prima als de foto's formaat landscape hebben. Maar ik heb ook foto's met formaat portrait en dan werkt het niet. De foto's worden dan plaktgedrukt weergegeven. Wie weet hoe ik het voor elkaar kan krijgen om op deze manier zowel landscape als portrait foto's in de juiste proporties weer te geven?

[anoniem]

Door bij portrait de waarden voor width en height te verwisselen, dus[code:1:7ff497b795]<img name="foto" src="foto1.jpg" width="400" height="600">[/code:1:7ff497b795]Weet je overigens dat je bij Xs4all de mogelijkheid hebt om zelf een gastenboek te ontwerpen en plaatsen. Zie [url=http://www.xs4all.nl/helpdesk/scripts/guestbook.html]CGI scripts | Guestbook[/url].

[anoniem]

Als je width en height weglaat worden de foto's op origineel formaat getoond. Dan gaat het altijd goed bij portret en landschap. Nadeel is dan dat ze originele grootte hebben en je scherm kan gaan "dansen" bij selectie van een andere foto. Om dit tegen te gaan zou je bij de definitie van de foto's kunnen aangeven of het een landschap of portret foto is. En dit vervolgens vergroten() checken waarna je height/width verwisseld zoals jossan aangaf.