Adding images to template pages

[sleepy +]

Can someone please give me a quick heads up on how to add/change images to template pages in particular ...

layout.tpl
home.tpl

.... as mine appear briefly when page loads then dissapear.

Cheers,
sleepy

[Chaslie +]

What is your URL and what is the image's file name?

[sleepy +]

Chaslie,

I dont have a site as such yet .. Im just playing around with code .. etc to see how everything fits together so that when version 3.1 is out I should have a site design Im happy with and is more or less ready to go

in layout.tpl the images default logo uses code "templates/{$smarty.const.MAIN_TEMPLATE}/images/xxx.gif"

does that mean I can just replicate this to add images to navigation framework ie layout.tpl

... and is code same when adding images to body templates ie home.tpl

sleepy

[John Snyder +]

Yes, you should be able to use the same base url as the template, provided your images are located within the template directory.

[Chaslie +]

This is the 'whole' code for the default logo:

<img src="templates/{$smarty.const.MAIN_TEMPLATE}/images/header.gif" width="633" height="93" border="0" alt="{$title}" />

This same code could also be written as this:

<img src="templates/default/images/header.gif" width="633" height="93" border="0" alt="Welcome to my site" />

The actual name of this image is: header.gif

Now if I wanted to add another image called eg 'logo.jpg', then the whole image code for that would be:

<img src="templates/default/images/logo.jpg" width="633" height="93" border="0" alt="This is my logo" />

You asked, "does that mean I can just replicate this to add images to navigation framework ie layout.tpl

... and is code same when adding images to body templates ie home.tpl"

The answer is 'YES" provided you follow the examples above.

Does that make sense and does that answer the question?


You can learn more about 'image code' (image tags) here: http://www.w3schools.com/html/html_images.asp

[sleepy +]

Yep ... thanks guys

..was getting stuck on the {$smarty.const.MAIN_TEMPLATE} tag
in the file path .... and didnt realise it needed to be included in code when adding image to layout.tpl ... and also home.tpl

Cheers,
sleepy