 Lid |
|
Het is de bedoeling dat je CSS, afbeeldingen, JS, ... noem maar op in je public folder opneemt.
dus je public folder zou er bijvoorbeeld uit kunnen zien als:
public/
css/
stylesheet.css
img/
afbeelding-1.png
afbeelding-2.jpg
js/
.htaccess
index.php
public/ css/ stylesheet.css img/ afbeelding-1.png afbeelding-2.jpg js/ .htaccess index.php
Alle pagina's in ZF worden uitgevoerd vanuit de public folder (index.php is waar je de browser naar stuurt), dus kan je naar afbeeldingen verwijzen vanuit die folder.
<img src="img/afbeelding-1.png" alt="afbeelding-1"/>
<img src="img/afbeelding-1.png" alt="afbeelding-1"/>
Een ander truukje is om de baseUrl nog eens extra mee te geven. Zo heb je meer zekerheid wanneer je naar een productieomgeving verhuist.
<img src="<?= $this->baseUrl(); ?>/img/afbeelding-2.jpg" alt="afbeelding-2"/>
<img src="<?= $this->baseUrl(); ?>/img/afbeelding-2.jpg" alt="afbeelding-2"/>
Als ik me niet vergis is er zelfs ook nog een viewHelper voor afbeeldingen. Maar wat jij wil is een CSS property voor een achtergrond.
Nota bene. Als je een stylesheet.css in de css map hebt en je wilt daar verwijzen naar afbeeldingen in de map img dan doe je dit met
url('../img/afbeelding-x.jpg');
url('../img/afbeelding-x.jpg');
omdat je dan vanuit een andere map (de map van je stylesheet) refereert naar de afbeelding. |
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
