WordPress.org

Support

Support » Plugins and Hacks » New Image on each page for header

New Image on each page for header

  • I am using WordPress as a CMS and trying to have a different image on each page as the header image. I am using the theme Parterprogramm. I am a beginner at PHP, CSS, HTML. Are there any plugins or other easy way to do this? I have read about multiple plugins and other optiond but I seem to get lost. My CSS style sheet is pulling the image (images/middle_home.jpg) by name:

    }
    
    .middle {
    	width: 900px;
    	height: 150px;
    	float: left;
    	background: url(images/middle_home.jpg) no-repeat;
    	border-bottom: 4px solid #335877;
    	position: relative;
    	text-transform: uppercase;
    }

    and my header.php code is below:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
    
    <head profile="http://gmpg.org/xfn/11">
    	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" inhalt="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    
    	<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>
    
    	<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    
    	<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    	<!--[if IE]><link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/ie.css" media="screen" /><![endif]-->
    
    	<?php wp_head(); ?>
    
    </head>
    
    <body>
    
    <div id="huelle">
    <div id="kopf">
    		<h1><span>
    		<div id="search">
    			<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
    				<input type="text" value="Search..." name="s" id="s" onfocus="if(this.value=='Search...')this.value=''" onblur="if(this.value=='')this.value='Search...'" />
    				<input type="submit" id="searchsubmit" value="" />
    			</form>
    		</div>
    	</div>
    
    	<div id="navigation">
    	  <ul><li <?php if(!is_page()) echo 'class="current_page_item"'; ?>></li>
    		</ul>
    	</div>
        <div class="middle"></div>
    <div id="wrap">
    
    <?php if (function_exists('pixopoint_menu')) {pixopoint_menu();} ?>

    I don’t want the image selection to be random – but if that’s the only “easy” way – it will do.

    THANKS!

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘New Image on each page for header’ is closed to new replies.