how to do a random header with css - GoFuckYourself.com

fris · 04-18-2008, 08:50 AM

I use this for one of my sites, Thought I would share

css

#header {
height:140px;
background: #fff url('images/header.php') no-repeat;
padding:0 0 0 0px;
text-align: center;
}

html

<div id="header">
</div>

php code (rename to header.php)

http://alistapart.com/d/randomizer/rotate.txt

enjoy

Jens Van Assterdam · 04-18-2008, 09:00 AM

<a href="http://galleries.penthouse.com/g/0536/21/?gpid=g950494-pct"><img src="http://www.jensvanassterdam.com/posts/152/karl.jpg" alt="Karlie Montana" target="blank"/> </a>

Use this at one of my sites..
thought i would share

mrkris · 04-18-2008, 09:05 AM

Why not just have an array of images and use:

<?php
srand((float) microtime() * 1000000);
$images = array('image1', 'image2', 'image3', ....);
echo $images[array_rand($images)];
?>

Or you could use javascript.

fris · 04-18-2008, 09:16 AM

Quote:

Originally Posted by mrkris

Why not just have an array of images and use:

<?php
srand((float) microtime() * 1000000);
$images = array('image1', 'image2', 'image3', ....);
echo $images[array_rand($images)];
?>

Or you could use javascript.

I was using it in a wordpress theme where it required it to be in css and a div

k0nr4d · 04-18-2008, 09:49 AM

Quote:

Originally Posted by Fris

I use this for one of my sites, Thought I would share

css

#header {
height:140px;
background: #fff url('images/header.php') no-repeat;
padding:0 0 0 0px;
text-align: center;
}

html

<div id="header">
</div>

php code (rename to header.php)

http://alistapart.com/d/randomizer/rotate.txt

enjoy

That could will cause high server load because its using GD. I would just do something like

<?php
Header("Content-Type: image/jpeg");
$images = array('img1.jpg','img2.jpg','img3.jpg');
shuffle($images);
$string = file_get_contents('headers/'.$images[0]);
echo $string;
exit();
?>

payd2purv · 04-18-2008, 09:54 AM

Quote:

Originally Posted by k0nr4d

That could will cause high server load because its using GD. I would just do something like

<?php
Header("Content-Type: image/jpeg");
$images = array('img1.jpg','img2.jpg','img3.jpg');
shuffle($images);
$string = file_get_contents('headers/'.$images[0]);
echo $string;
exit();
?>

sweet. *copy >paste >save*

04-18-2008, 08:50 AM	#1
fris Too lazy to set a custom title Industry Role: Join Date: Aug 2002 Posts: 55,372	how to do a random header with css I use this for one of my sites, Thought I would share css #header { height:140px; background: #fff url('images/header.php') no-repeat; padding:0 0 0 0px; text-align: center; } html <div id="header"> </div> php code (rename to header.php) http://alistapart.com/d/randomizer/rotate.txt enjoy __________________ Since 1999: 69 Adult Industry awards for Best Hosting Company and professional excellence. WP Stuff

04-18-2008, 09:00 AM	#2
Jens Van Assterdam The Dupre Pimp Join Date: Feb 2008 Location: Koh Samui Posts: 6,677	How to hotlink a image <a href="http://galleries.penthouse.com/g/0536/21/?gpid=g950494-pct"><img src="http://www.jensvanassterdam.com/posts/152/karl.jpg" alt="Karlie Montana" target="blank"/> </a> Use this at one of my sites.. thought i would share __________________ Read TOS for signature rules

04-18-2008, 09:05 AM	#3
mrkris Confirmed User Join Date: May 2005 Posts: 2,737	Why not just have an array of images and use: <?php srand((float) microtime() * 1000000); $images = array('image1', 'image2', 'image3', ....); echo $images[array_rand($images)]; ?> Or you could use javascript. __________________ PHP-MySQL-Rails \| ICQ: 342500546