Home | Colofon | Nieuwsbrief | Sitemap
U bevindt zich hier: Home » Tips & Trucks » Grote Afbeelding

Grote Afbeelding

Onlangs werd mij persoonlijk en buiten het forum om de volgende vraag gesteld: Ik ben een website aan het maken en daarvoor heb ik een banner gekregen. Als ik die banner met een Grafik-Absatz in de website plaats wordt deze echter heel sterk verkleind. Bestaat er een mogelijkheid om deze banner groter te laten zien, indien mogelijk zelfs op ware grootte. Hieronder zie je een voorbeeldbanner in de pagina geplaatst via een Grafik-Absatz. Op mijn vraag in welk design dit moest gebeuren en hoe groot die banner origineel was, was de oplossing eigenlijk te simpel. Laten we voorop stellen dat een afbeelding nooit of te nimmer breder mag zijn dan de content breed is. Hoe breed de content is van het design waar jij in werkt kun je in de meeste gevallen zien in het script style_design.css en daar zoek je naar #content. Daar staat bij width aangegeven hoeveel pixels de content breed is. Voor een dynamisch design gaat dat uiteraard niet op omdat die designs zich automatisch aanpassen naar de breedte van het scherm.

Grafik-Absatz

Voorbeeldbanner in Grafik-Absatz

Hoe kun je nu een afbeelding groter laten weergeven dan door Web to Date/Shop to Date. Heel simpel via een HTML-Absatz (HTML-element, HTML-Module), Code zelf ingeven. Met een apart FTP-programma (bijv. FileZilla) plaats je de afbeelding op je webserver in de map images. Dan geef je in de HTML-Absatz de volgende code in:

Code

<img src="http://www.jouwdomein.nl/images/naamvanjouwafbeelding.jpg" alt="Wat jij wilt dat hier getoond wordt" width="xxx" height="xxx" />

In deze code moet je dus nog de naam van jouw website aangeven, de naam van jouw afbeelding, eventueel een ALT-tekst en de breedte en hoogte van jouw afbeelding. Als jouw afbeelding een gif afbeelding is, moet je jpg nog veranderen in gif. Als je nu een voorbeeld op je scherm laat zien kun je al meteen het resultaat zien. Hieronder zie je de voorbeeldbanner via een HTML-Absatz. Hoewel het verschil in grootte hier niet zo heel erg groot is, is er wel verschil te zien.

Op dezelfde manier kun je ook een animatiegifje op je website zetten.