[RESOLVED] *help needed* changing section image on themed site?

[WickedUK]

Basically, I'm not quite sure how to make what I want happen, happen!

I have a website http://www.elizabeth101.co.uk/test/index.php , with the links along the top, opening in the main table of the website using .inc.php files. For each of these links, I have a different section image that I would like displayed in the top left-hand corner.

I've been looking around and reading some of the other posts and tutorials, and all I have been able to deduce is that perhaps I need to use an if else statement or something, but then again I can't see how that would work considering my links are already index.php?id=page.

Perhaps I need some sort of script that connects the image with each of the linked pages and thus then displays the correct image in the top right-hand box??

Please could someone help as this is the last step I need to achieve to make my website complete! 😃

[bpat1434]

well, just use something like this:

<?php

if(!isset($_GET['id']) || empty($_GET['id']))
{
  $_GET['id'] == 'main';
}

switch($_GET['id'])
{
  case 'main':
    $image = 'path/to/image.jpg';
    $page = file_get_contents('main.inc.php');
    break;
}

// Echo the $image value in the image tag

// Later echo the value of $page as the included page.
?>

~Brett

[WickedUK]

Great! I'll give that a go and see what happens!

[WickedUK]

Hmmmmm. I think my ****ions are a little more advanced than my skills and knowledge are! 🙁 I think I have too many questions about getting this to work :(

1) Does this script go in the box where I want the image to show up?
2) How does it work when I need more than one image to show up. ie for each of the sections?
3) Each section has an added sub-section, how does the code need to be altered for that?
4) Does the fact that I already have a casewsitch.php file in the main section effect this working?

Is now thinking that perhaps this was a bad idea

[bpat1434]

1.) THis script goes where you need it. YOu could make it a function if you wanted....
2.) You'd be better then to make it a function...
3.) Once again... a function....
4.) No, it doesn't affect it at all

To make it a function you could have code like this:

function sectImage($sect='main')
{
  switch($sect)
  {
    case 'main':
      $img = 'path/to/image/file.jpg';
      break;
    case 'about':
      $img = 'path/to/image/file2.jpg';
      break;
    case 'links':
      $img = 'path/to/image/file3.jpg';
      break;
  }

  return $img;
}

Then, when you need to call it, just do this (or some variant):

?><img src="<?php sectImage($_GET['sect']); ?>">

And if you add each possible case that "sect" could be (so for each section/subsection) then the code will work.

~Brett

[WickedUK]

I have added the scripts you mentioned to my page, but it does not seem to be working. Instead of getting the images, I'm getting boxes with red squares, and when you right-click on the image and select properies, it is not even displaying the full address for that image (no idea whether its meant to or not though!)

Anyway, I have been reading up on functions and the like, and have tested numerous changes to the script in an attempt to make those red boxes turn to images!

Here's the script for the function of the image changer: :

<?php
function sectImage($sect='default') 
{ 
  switch($sect) 
  { 
  	default:
	  $img = 'default.jpg';
	  break;
    case 'history': 
      $img = 'history.jpg'; 
      break; 
    case 'info': 
      $img = 'info.jpg'; 
      break; 
    case 'company': 
      $img = 'company.jpg'; 
	  break; 
	case 'news':
	  $img = 'news.jpg';
	  break;
	case 'interact':
	  $img = 'interact.jpg'; 
	  break;	
  } 

  return $img; 
} 
?>

And the code and it's positioning currently being used to recall the function that was created at the start of the page (code above):

<table width="96%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#000000">
  <tr> 
    <td> <div align="left"><img src="<?php sectImage($_GET['sect']); ?>"></div></td>
    <td width="71%">
      <div align="right"><img src="title1.jpg" width="400" height="103"></div>
    </td>
  </tr>

Can you shed any more light on that Brett?? In fact, can anyone see where the problem might lay? The only thing that seems to appear to me is that $sect is not obviously given a value, but maybe it is and I'm just not recoginising it??! Any help would be gratefully received!!!!!!

[bpat1434]

Well this:

<img src="<?php sectImage($_GET['sect']); ?>">

will output something like:

<img src="default.jpg">

So, if the images aren't in the same directory as the script, then you'll always have broken images. You can do one of two things:

1.) Prepend the path before you call the function in your code. Like so:

<img src="path/to/images/<?php sectImage($_GET['sect']); ?>">

2.) Prepend the path to the $img variable in the function:

<?php
function sectImage($sect='default')
{
  switch($sect)
  {
      default:
      $img = 'default.jpg';
      break;
    case 'history':
      $img = 'history.jpg';
      break;
    case 'info':
      $img = 'info.jpg';
      break;
    case 'company':
      $img = 'company.jpg';
      break;
    case 'news':
      $img = 'news.jpg';
      break;
    case 'interact':
      $img = 'interact.jpg';
      break;    

  }
  $img = 'path/to/images/'.$img;

  return $img;
}
?>

~Brett

[WickedUK]

That's just it! I thought having them in seperate folders might affect the script, so for test purposes I have moved all the images and pages into the root folder for this section of the site, i.e. /test/

[bpat1434]

Okay... change $GET['sect'] to $GET['id']

After looking at your page, it doesn't use $GET['sect'], but rather $GET['id'].

Try that... I tried at your test site, but nothing changed... not sure if you have that code posted or not.

~Brett

[WickedUK]

Okay, right I think I know what you're saying and that could possibly be the answer! I'm finally starting to see how the image bit and the pages are linked! I'll give it a reply and report back.

[WickedUK]

Okay, well I tried changing it to 'id' and adding in the full links to image files, but still I'm getting a broken link. 🙁

Edit: If you need me to post any parts of the page script then just ask!

[bpat1434]

post them....

~Brett

[WickedUK]

Okay then, just to make things slightly easier, I'm posting the code from the (near) beginning until the end of the first table row (so the section image and website logo image row):

<body bgcolor="#FFFFFF"><?php
function sectImage($sect='default') 
{ 
  switch($sect) 
  { 
  	default:
	  $img = 'default.jpg';
	  break;
    case 'history': 
      $img = 'history.jpg'; 
      break; 
    case 'info': 
      $img = 'info.jpg'; 
      break; 
    case 'company': 
      $img = 'company.jpg'; 
	  break; 
	case 'news':
	  $img = 'news.jpg';
	  break;
	case 'interact':
	  $img = 'interact.jpg'; 
	  break;	
  } 
      $img = 'test/'.$img;
  return $img; 
} 
?>
<table width="96%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#000000">
  <tr> 
    <td> <div align="left"><img src="test/<?php sectImage($_GET['id']); ?>"></div></td>
    <td width="71%">
      <div align="right"><img src="title1.jpg" width="400" height="103"></div>
    </td>
  </tr>
  <tr> 
    <td colspan="2" class="bar2"><a href="index.php?id=news">NEWS</a> :: <a href="index.php?id=history">HISTORY</a> 
      :: <a href="index.php?id=info">INFORMATION</a> :: <a href="index.php?id=company">COMPANY</a> 
      :: <a href="index.php?id=interact">INTERACTIVE</a></td>
  </tr>

[SargeZT]

Change it to this:

<img src="test/<?php echo sectImage($_GET['id']); ?>">

And it should work.

[WickedUK]

OMG! Thank you, thank you, thank you! It works!

The only image that doesn't seem to be appearing now is the image for the main index page because obviously the 'id' hasn't been called when that page is loaded. Due to the caseswitch.php file, a default page is displayed instead. Is there anyway to get an initial image to appear in that box for the index.php before any of the other pages are called?

[bpat1434]

Which image are you talking about? What specific code sections?

You can change your default case, or define one like this:

if(empty($_GET['id']) || $_GET['id'] == '')
{
  $_GET['id'] == 'home';
}

~Brett

[WickedUK]

Edit: completely erasing the previous comment because it's all working now!

Oh er! :s Last night, even with caching my browser, I couldn't get the default image to appear on the main index page, and was worried it was to do with the 'id' not being obviously called. However, I've just loaded the page to show my mum the progress from last nigth and it's actually working!!!!! THANK YOU!