Web Design Forums

shaftb · 11-06-2008, 14:29

I'm looking for a PHP script or tutorial on how to switch out images.
I have images as page headers, and instead of having separate css for each page to call the image for the div, I'd like to use the same CSS and pop in a PHP script if possible. Unless that is a bad way to do it, or harder

datahound · 11-06-2008, 14:51

Do you want a differnt image to load on the page every time it is refreshed?

pgo · 11-06-2008, 14:52

Not sure what you're asking.

Are you trying to change images on page loads or without page loads?

datahound · 11-06-2008, 14:54

Do you want this to load when the page loads or on the load pages?

robdesign · 11-06-2008, 14:56

shaftb · 11-06-2008, 15:24

No random image. No refresh.

Here is a link to what I have, I want it to change that title bar when the user goes to THAT specific page. I know I can do it using CSS. Do you thinking just popping in a additional style sheet with that div info in there is good enough?

Legacy Tours & Travel | Decorah, Iowa | 800-323-3368

datahound · 11-06-2008, 15:36

How big is that image, I'm still waiting?

n21design · 11-06-2008, 15:45

Quote:

Originally Posted by datahound

How big is that image, I'm still waiting?

LOL

shaftb · 11-06-2008, 15:52

Quote:

Originally Posted by datahound

How big is that image, I'm still waiting?

Let me guess, you're using IE and getting an error due to the PNG?
I am working on that, any insight on that would be great.

datahound · 11-06-2008, 15:57

Yes IE it won't load, I have no ideason that.

datahound · 11-06-2008, 17:56

Here is a little something that may help.

Test Current File

Code:

<html>
<head>
<title>Test Current File</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color:
<?php 
if ($PHP_SELF == '/testcurrentfile/test1.php'){echo("#CCFF33");} 
elseif ($PHP_SELF == '/testcurrentfile/test2.php'){echo("#66CCFF");} 
elseif ($PHP_SELF == '/testcurrentfile/test3.php'){echo("#FF9933");} 
?>;
	
	
}
-->
</style>
</head>

<body>
<p>TEXT</p>
<p>--> <?php echo $PHP_SELF; ?></p>
<p><a href="test1.php">test 1</a></p>
<p><a href="test2.php">test 2</a></p>
<p><a href="test3.php">test 3</a></p>
</body>
</html>

Shiro · 11-06-2008, 19:36

You can do this purely in CSS.

Give the body tag of each page an id:

Code:

<body id="index">
<body id="about_us">

Then you create a div (or whatever) to hold the image, and give it an ID.

Code:

<div id="background_image">

Then you create different CSS declarations for the different pages:

Code:

#index #background_image
{
    background-image: url(path/to/index_page_image.png);
}
#about_us #background_image
{
   background-image: url(path/to/about_us_page_image.png);
}

shaftb · 12-06-2008, 12:25

Cool, thanks, I'll try these out.

Anybody else know a work around on that damn PNG issue in IE?

thx

11-06-2008, 14:29	#1 (permalink)
shaftb Senior Member Join Date: Jul 2006 Location: Midwest Posts: 337	PHP image swap :: NOT RANDOM I'm looking for a PHP script or tutorial on how to switch out images. I have images as page headers, and instead of having separate css for each page to call the image for the div, I'd like to use the same CSS and pop in a PHP script if possible. Unless that is a bad way to do it, or harder __________________ Daughter of Aphrodite-Hear my words and take Heed-I was born on Olympus-To my father a Son-I was raised by the demons-Trained to reign as the One.

11-06-2008, 14:51	#2 (permalink)
datahound Spare Parts Join Date: Jan 2005 Location: Bracknell Forest Posts: 4,961	Do you want a differnt image to load on the page every time it is refreshed? __________________ poochmedia \| Computer Spare Parts \| Computer & Telephone Disposals

11-06-2008, 14:54	#4 (permalink)
datahound Spare Parts Join Date: Jan 2005 Location: Bracknell Forest Posts: 4,961	Do you want this to load when the page loads or on the load pages? __________________ poochmedia \| Computer Spare Parts \| Computer & Telephone Disposals

11-06-2008, 15:24	#6 (permalink)
shaftb Senior Member Join Date: Jul 2006 Location: Midwest Posts: 337	No random image. No refresh. Here is a link to what I have, I want it to change that title bar when the user goes to THAT specific page. I know I can do it using CSS. Do you thinking just popping in a additional style sheet with that div info in there is good enough? Legacy Tours & Travel \| Decorah, Iowa \| 800-323-3368 __________________ Daughter of Aphrodite-Hear my words and take Heed-I was born on Olympus-To my father a Son-I was raised by the demons-Trained to reign as the One.

11-06-2008, 15:36	#7 (permalink)
datahound Spare Parts Join Date: Jan 2005 Location: Bracknell Forest Posts: 4,961	How big is that image, I'm still waiting? __________________ poochmedia \| Computer Spare Parts \| Computer & Telephone Disposals

11-06-2008, 14:52	#3 (permalink)
pgo Senior Member Join Date: Jan 2005 Posts: 12,340	Not sure what you're asking. Are you trying to change images on page loads or without page loads?

11-06-2008, 14:56	#5 (permalink)
robdesign Registered User Join Date: May 2008 Posts: 62

11-06-2008, 15:57	#10 (permalink)
datahound Spare Parts Join Date: Jan 2005 Location: Bracknell Forest Posts: 4,961	Yes IE it won't load, I have no ideason that. __________________ poochmedia \| Computer Spare Parts \| Computer & Telephone Disposals

11-06-2008, 19:36	#12 (permalink)
Shiro shiro Join Date: Aug 2007 Location: Yokohama, Japan Posts: 2,606	You can do this purely in CSS. Give the body tag of each page an id: Code: <body id="index"> <body id="about_us"> Then you create a div (or whatever) to hold the image, and give it an ID. Code: <div id="background_image"> Then you create different CSS declarations for the different pages: Code: #index #background_image { background-image: url(path/to/index_page_image.png); } #about_us #background_image { background-image: url(path/to/about_us_page_image.png); } __________________ This space for rent. Dads Japan Dudes Japan

12-06-2008, 12:25	#13 (permalink)
shaftb Senior Member Join Date: Jul 2006 Location: Midwest Posts: 337	Cool, thanks, I'll try these out. Anybody else know a work around on that damn PNG issue in IE? thx __________________ Daughter of Aphrodite-Hear my words and take Heed-I was born on Olympus-To my father a Son-I was raised by the demons-Trained to reign as the One.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search