Dynamic Header Images for 8 Different Categories

brabee1

I am pretty much a newbie so I apologize if this post is "sub-par"

My site has a header image which is header2.png

The header image currently lies on all pages of my site...

What I want to do is keep the current header on the homepage and then have 8 additional header images per category. Below is a snip of a portion of the code of the main html class that every page of my entire site uses:

<td width="858" colspan="10"
style="background: url(<?=$this->image_url?>/header2.png) no-repeat top left;
padding-right: 35px; font-weight: bold; font-size: .75em;"
valign="middle" align="right">

Can you please tell me how I can specify a header image that relates to each different category. Thanks

leatherback

Hi,

First off.. Strip the csas from your code. You are better of defining classes for each style, and just editing the CSS just once in the header, or even better, a separate stylesheet. But back to topic of talk...

How I would handle this:
=> Specify the category somehow (This you might have in place already, from the database or something?)
=> Create an include file:

include_image.php


// note that you would make the KEY of the array (here the 1, 2, 3) the same as your category identifiers

$head_images = array(
1=>"/header1.png",
2=>"/header2.png",
3=>"/header3.png");

In the page itself you can then modify your code to:

<td width="858" colspan="10"
style="background: url(<?=$this->image_url?>".$head_images[$category].") no-repeat top left;
padding-right: 35px; font-weight: bold; font-size: .75em;"
valign="middle" align="right">

brabee1

It didnt work,

I think I need to define the category_id here wouldnt i?

$head_images = array(
1=>"/header1.png",
2=>"/header2.png",
3=>"/header3.png");

And change the bottom so it has a category id as well like below:

<table class="header" border="0" cellspacing="1" cellpadding="0" width="100%" height="130" style="background-color: #FFFFFF;">
<tr>
<td width="858" colspan="10"
style="background: url(<?=$this->image_url?>".$head_images[$category_id].") no-repeat top left;
padding-right: 35px; font-weight: bold; font-size: .75em;"
valign="middle" align="right">

leatherback

Yes, you would need to define the category id for the page before you USE the array. So in the code you use now, you would set:
$category_id = 1;
or
$category_id=2;
or $category_id = 3;

Before you use this: url(<?=$this->image_url?>".$head_images[$category_id].")

brabee1

I think I did everything you said.... here is my code and it still wont work!

$category_id = 0;
$category_id = 1;
$category_id = 2;
$category_id = 3;
$category_id = 4;
$category_id = 5;
$category_id = 6;
$category_id = 7;
$category_id = 8;

$head_images = array(
0=>"/header2.png",
1=>"/headersurf.png",
2=>"/headerskate.png",
3=>"/headersnow.png",
4=>"/headerwake.png",
5=>"/headerskiing.png",
6=>"/headermtb.png",
7=>"/headerbmx.png",
8=>"/headermotocross.png");

leatherback

For each page you can only have one category_id: This identifies the image to load on your page. As I said: this you probably already have in your database.

Place the array in a separate page (e.g., named array_page.php) and use:

require_once("array_page.php")

to load the array.

So you'd get:

array_page.php:

$head_images = array(
0=>"/header2.png",
1=>"/headersurf.png",
2=>"/headerskate.png",
3=>"/headersnow.png",
4=>"/headerwake.png",
5=>"/headerskiing.png",
6=>"/headermtb.png",
7=>"/headerbmx.png",
8=>"/headermotocross.png");

some other page, category = 3:

$category_id = 3;
require_once("array_page.php");

<table class="header" border="0" cellspacing="1" cellpadding="0" width="100%" height="130" style="background-color: #FFFFFF;">
<tr>
<td width="858" colspan="10"
style="background: url(<?=$this->image_url?>".$head_images[$category_id].") no-repeat top left;
padding-right: 35px; font-weight: bold; font-size: .75em;"
valign="middle" align="right">