Compressing templates from 3 to 1 using this {if} for images

[fearmydesign]

In an effort to reduce the amount of templates that I create, I have created this {if} statement which seems to work in order to replace the top header image depending on which page it is on. Its working, but is there an easier/shorter/standard way to accomplish this same effect?

Here is my {if} calling/replacing the image according to the page its on:

Code: Select all

<div id="top-header-container">
     <div id="header-image">
           <img src="{if $page_alias == "house-cleaning-services-maryland"}uploads/images/static-banner/static_top_banner_01.jpg
             {elseif $page_alias == "cleaning-services-laurel-maryland"}uploads/images/static-banner/static_top_banner_02.jpg
             {elseif $page_alias == "house-cleaning-company-maryland"}uploads/images/static-banner/static_top_banner_03.jpg
             {else}uploads/images/static-banner/static_top_banner_01.jpg
           {/if}">
     </div>
</div>

Before this, I was creating 3 or 4 different templates and only replacing the img src file just to accomplish this same thing; to display a different header top image on different pages. Another words, I was creating different templates for each page
I know, I know, but I didn't know how else to accomplish that.

Thank you for any feedback

[Wishbone]

Another option is to use GBFilePicker in {content_module} mode and allow the user to choose which image they want (or upload another) for any page... Have it default to some image if there is no file selected.

[fearmydesign]

Another option is to use GBFilePicker in {content_module} mode and allow the user to choose which image they want (or upload another) for any page... Have it default to some image if there is no file selected.

Thank you, I will be sure to look into this option as well.

[Dr.CSS]

You can also use the page image in the Options tab...

[fearmydesign]

You can also use the page image in the Options tab...

Thank you Dr. - my only question (because I have never used this section of the options tab) is; if I select a page image from the options tab, how would it place it on the page inside the div I want it to go into?

Code: Select all

<div id="top-header-container">
     <div id="header-image">
           <img src=" ? " >
     </div>
</div>

Thank you

[applejack]

<img src="{$page_alias}.jpg">

Use a naming convention for your image files i.e. services.jpg

[Dr.CSS]

Look under extensions > tags for {page_image}...

[Rolf]

Nothing to do with images though, but the multiple use of one template.
Might be fun to read or get some inspiration http://forum.cmsmadesimple.org/viewtopi ... 69#p270969

grtz. Rolf

[Gregor]

Nothing to do with images though, but the multiple use of one template.
Might be fun to read or get some inspiration http://forum.cmsmadesimple.org/viewtopi ... 69#p270969

grtz. Rolf

Nice answer Rolf

Gr. Gregor