accessing images

Question

I am new to Symfony.

I created a layout page in which I have this :

<img  src="images/header.jpg" width="790" height="228" alt="" />

but the image isn't displayed in the page when accessed from the browser.

I put the file header.jpg in the web/images/ folder.

I thought I could learn Symfony in a week while working on a small project. is it possible ?

Answer 1

Use slash at the beginning like

<img  src="/images/header.jpg" width="790" height="228" alt="" />

You can also use image_tag (which is better for routing)

image_tag('/images/header.jpg', array('alt' => __("My image")))

In the array with parameters you can add all HTML attributes like width, height, alt etc.

P.S. IT's not easy to learn Symfony. You need much more time

Answer 2

If you don't want a fully PHP generated image tag but just want the correct path to your image, you can do :

<img src="<?php echo image_path('header.jpg'); ?>"> width="700" height="228" alt="" />

Notice that the path passed to image_path excludes the /images part as this is automatically determined and created for you by Symfony, all you need to supply is the path to the file relative to the image directory.

You can also get to your image directory a little more crudely using

sfConfig::get('sf_web_dir')."/images/path/to/your/image.jpg"

It should be noted that using image_tag has a much larger performance cost attached to it than using image_path as noted on thirtyseven's blog

Hope that helps :)