Copy this code into your header and modify it to represent wherever the images are located:

<style type="text/css">
#randomimage { background:url(http://yourdomain.com/imagesfolder/randomimage<?php echo (rand()%10); ?>.jpg); }
</style>

Copy this code into your page where you want the images to show up:

<div id="randomimage"></div>

Copy this into your CSS and modify accordingly:

#randomimage {
}

Now, you can change the name of the div and you can also put the images wherever you want, just make sure you change the path so that they match.

One very important thing about this code is that you need to have 10 images.  Also, the images need to be named very specifically.

Using this code, the images have to be named: randomimage0.jpg, randomimage1.jpg… and continuing up through randomimage9.jpg.  If you do not have an image representing this, then nothing will show up on your page.

While not necessarily the best php image randomizer I’ve seen, it’s quick and will get the job done.

img {border: 1px solid #c5c5c5;}
img:hover {border: 1px solid #000;}

Click HERE for an example.

If you have the code inside a div (i.e. picture), you can add that id before the code.

#picture img {border: 1px solid #c5c5c5;}
#picture img:hover {border: 1px solid #000;}

Place this code in your functions.php -

add_action( ‘init’, ‘mf_text_based_image_links’ );

function mf_text_based_image_links() {

if ( function_exists( ‘mf_previous_image_link’ ) === false ) {
function mf_previous_image_link( $link_text=’Previous Image’ ) {
if ( $l = mf_adjacent_image_link( $link_text, true ) )
print $l;
else
print ‘<span class=”inactive”>’ . $link_text . ‘</span>’;
}
}

if ( function_exists( ‘mf_next_image_link’ ) === false ) {
function mf_next_image_link( $link_text=’Next Image’ ) {
if ( $l = mf_adjacent_image_link( $link_text, false ) )
print $l;
else
print ‘<span class=”inactive”>’ . $link_text . ‘</span>’;
}
}

if ( function_exists( ‘mf_adjacent_image_link’ ) === false ) {
function mf_adjacent_image_link( $link_text, $prev = true ) {
global $post;
$post = get_post($post);
$attachments = array_values(get_children( array(‘post_parent’ => $post->post_parent, ‘post_status’ => ‘inherit’, ‘post_type’ => ‘attachment’, ‘post_mime_type’ => ‘image’, ‘order’ => ‘ASC’, ‘orderby’ => ‘menu_order ID’) ));

foreach ( $attachments as $k => $attachment )
if ( $attachment->ID == $post->ID )
break;

$k = $prev ? $k – 1 : $k + 1;
if ( isset($attachments[$k]) )
return ‘<a href=”‘ . get_attachment_link( $attachments[$k]->ID ) . ‘”>’ . $link_text . ‘</a>’;
else
return false;
}
}
}

Then place this code in your image.php file where you want the navigation to appear -

<h2><small><?php mf_previous_image_link( ‘&laquo; Previous Photo’ ) ?></small> -
<a href=”<?php echo get_permalink($post->post_parent); ?>” rev=”attachment”><?php echo get_the_title($post->post_parent); ?></a> -
<small><?php mf_next_image_link( ‘Next Photo &raquo;’ ) ?></small></h2>

You can of course change the Previous Photo and Next Photo to whatever you prefer.