如何告诉我的PHP Include从我的root中获取图像？

Question

Let me re-explain my problem.

My header is stored in header.php , I'm using <?php include('/header.php');?> to grab it. This works fine on all web pages in my root.

But, I have a folder called Catalogue in my root with more web pages, so then I change it to <?php include('../header.php'); ?> <?php include('../header.php'); ?> which again works fine.

however, I am sourcing a few images in my header.php . The images do not appear on web pages in my catalogue folder, because I am sourcing them from the images folder in my root <img src="images/cosworth2.jpg">

I can't use <img src="../images/cosworth2.jpg" because this will then affect the images that work fine on the web pages that aren't in my catalogue folder.

Does this make sense?

I need to tell my header.php to source all of my images from the root even if my web pages are in other directories.

Header.php

<div id="top"><center><img src="images/header.png" style="max-width:100%;"></center></div>
<header id="header" class="site-header" role="banner">
<div id="header-inner" class="container sixteen columns over">
<hgroup class="one-third column alpha">

</hgroup>
    <nav id="main-nav" class="two thirds column omega">
        <ul>
            <li>
                <a href="index.php">Home</a>
            </li>
            <li>
                <a href="about-us.php">About Us</a>
            </li>
            <li>
                <a href="news.php">News</a>
            </li>
            <li>
                <a href="dealers.php">Dealers</a>
            </li>
            <li>
                <a href="products.php">Products</a>
            </li>
            <li>
                <a href="http://www.cosworth-europe.co.uk/shop">Buy Online</a>
            </li>
            <li>
                <a href="contactus.php">Contact</a>
            </li>
        </ul>
    </nav>

</div>

<div class="container"><img src="images/cosworth2.jpg" style="max-width:100%; height:auto; float:left; margin-right:20px; margin-top:20px;">
<p style="padding-top:25px;">Welcome to <strong>Cosworth Europe</strong>. This website is specifically for Cosworth Aftermarket & Performance Products. For any other enquires please visit Cosworth.com. For more information, feel free to visit the About Us page.</p></div>
</header>

Answer 1

Use an absolute path.

<img src="/images/..." alt="...">

Describe the location of your images (and stylesheets, etc) relative to the root of the website.

Answer 2

To add to others answers, you could define() a PHP Constant for the purpose of setting the absolute path. This would help if you ever had to change the directory/path.

//perhaps add this in a config file or at the top of the header.php file
define( 'IMAGE_PATH', '/images' );

//use in any other file
<img src="<?php echo IMAGE_PATH; ?>/image1.png" />