Calling image script rather than image?

**brumbino** · Apr 10, 2009, 08:42

Hi all!

I am developing a Wordpress theme using the NextGen plugin.

I am trying to produce a slideshow header, a la Joomla, and am well stuck on something that is probably easy!

What I mean is the site logo is displayed and the slideshow gallery operates underneath it.

Rather than call in an image file, I have tried (unsuccesfully!) to do this:

CSS Elements:
#logo {
width:960px;
background: #ff5a00 url(<?php include ('header-slideshow.php.php'); ?>) 0 0;
border-bottom: 1px solid #ff5a00;
background:#293e6b;
}

header-slidshow.phpp
<?php
if (function_exists("nggSlideshowWidget"))
{ nggSlideshowWidget(1,960,240); }
?>

Applied to main php file
<div id="logo">
<img src="main-logo.png" border="0">
</div>

Not unsurprisingly this doesn't work!

Is there a way to make it work? Google has not been my friend today!

**RyanReese** · Apr 10, 2009, 08:47

This seems more of a PHP issue..basically when you call the PHP file it is copy pasting in the php file.

Also check your file names again becuase in your CSS you call a .php.php file (which is strange) and you post differnet file names on here..

If you are gonna call a PHP script it has to produce some sort of echo to the background image location. If you view the source of the CSS and HTML and post it in that would be helpful in debugging (though I truly believe this is PHP related.

**brumbino** · Apr 10, 2009, 08:52

Doh! The double php is a red herring and typo..corrected it on my site, still no joy..

I reviewed the source as suggested and nothing appears to be linked to the called php file.

Is there a way to do what I want to do, even if it's nowhere near related to what I am trying here?

**RyanReese** · Apr 10, 2009, 08:56

Post the outcome please (view source) of the CSS and HTML!!

If you have a site this would be great...and no I don't think tihs is possible though I havfen't tested this personally myself (once it is written to the file I don't think you can gallery it)

**brumbino** · Apr 10, 2009, 08:57

bugsnvans.com

**brumbino** · Apr 10, 2009, 08:57

By the way - the snippet of php in the second set data above was taken directly from the user manual.

**RyanReese** · Apr 10, 2009, 09:01

You need to set up your server to parse CSS files as PHP...Or just change the extension on the file to .php

The PHP isn't being parsed.

**Paul O'B** · Apr 10, 2009, 09:04

Hi,

I'm not sure if this is what you are asking but if you want to include php commands within the stylesheet then take a look at this article.

http://www.barelyfitz.com/projects/csscolor/

**brumbino** · Apr 10, 2009, 09:07

Thanks Paul - not quite sure that's what I want.

Thanks Ryan - thought it would be something stupid like that....cpanel here I come!

**brumbino** · Apr 10, 2009, 09:10

Okay - I've added this to .htaccess

AddType application/x-httpd-php .css
AddType application/x-httpd-php .html
AddType application/x-httpd-php .htm

...still no joy!

**RyanReese** · Apr 10, 2009, 09:10

Once you have it parsed then post back so I can take a look at the actual outcome of the function.

Just change the extension to .php (I'm no good with apache

)

Edit:

background: #ff5a00 url(<?php include ('header-slideshow.php'); ?>) 0 0;

It is still not parsing.

**Paul O'B** · Apr 10, 2009, 09:12

See steps 1 and 2 in the link I posted as you can't parse the css file otherwise. More information here.

**brumbino** · Apr 10, 2009, 09:13

Lol the above stopped CSS loading!

**brumbino** · Apr 10, 2009, 09:16

Paul - Aha gotcha - Not sure I can do that as it's Wordpress and it calls the CSS file all over the shop.

I have added the slideshow in the body, so it works, it's just not working from within CSS...back to cpanel

**RyanReese** · Apr 10, 2009, 09:21

So...the site seems to have it now..(it is differnet then before). Is it what you want? (THe site is very choppy for me

)

**brumbino** · Apr 10, 2009, 09:23

No I added the slide show further down in order to demonstrate that it works when hard coded into the main index.php

When I try to call it as a background in style.css it doesnt' work.

The theme is far from finished!

**RyanReese** · Apr 10, 2009, 09:24

Any particular reason you want it in the CSS? PHP is parsed on page load. Trying to change it after a certain amount of time/page load is not feasible/doable. Javascript is possible but actually doing it on the page would be better.

**brumbino** · Apr 10, 2009, 09:29

I want the slideshow to appear under the logo - i.e. the logo appears over the slideshow as it does it's bangs and whistles...

**brumbino** · Apr 10, 2009, 09:30

I've put a normal image there for now lol

**RyanReese** · Apr 10, 2009, 09:33

You can set the logo to position:Relative; to appear on top of the slideshow however on the actual imagse on the slideshow give it position:relative; and a higher z-index to overlap the logo image. Do you want the logo to just be there until the slideshow is loaded?

**brumbino** · Apr 10, 2009, 09:40

No I want the logo to apear all the time, with the rolling slideshow underneath....

**RyanReese** · Apr 10, 2009, 09:42

Then put the slideshow code underneath the <img> logo code..

**brumbino** · Apr 10, 2009, 09:50

Done that but one on top of the other...

the z- position is out of myzone of comfort tbh...

**RyanReese** · Apr 10, 2009, 09:52

Huh? The slideshow does not appear on top of the logo <_<..appears fine.

**brumbino** · Apr 10, 2009, 09:57

I'm after the logo over the slideshow, but what I get is the logo then the slidehshow aligned immediately after the logo

The SitePoint Forums have moved.

User Tag List

Thread: Calling image script rather than image?

Thread Tools

Display

Calling image script rather than image?

Bookmarks

Bookmarks

Posting Permissions