Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

[Javascript] Foto's vergroot weergeven?

Financial
2 antwoorden
  • 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?
  • 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 CGI scripts | Guestbook.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.