Development

Have a random or new background image each page load

If you wondered how to do a new or random background image each time a web page is loaded here is how. Put the PHP script at the top of your web page and then the next segment of code inside your

section. You can have as many background images as you want, just state them in the array (note I was storing the images in the folder bg_images).

The PHP script:

$bg = array('bg1.jpg', 'bg2.jpg', 'b3.jpg', 'etcetc.jpg'); // array of background image filenames
$i = rand(0, count($bg)-1);
$selectedBg = "$bg[$i]";

The PHP inside HTML:

 

Do this allows you to easily have a random or new background image each time your page is loaded.

Share

Recent Posts

Kennington reservoir drained drone images

A drained and empty Kennington reservoir images from a drone in early July 2024. The…

1 year ago

Merrimu Reservoir drone images

Merrimu Reservoir from drone. Click images to view larger.

1 year ago

FTP getting array of file details such as size using PHP

Using FTP and PHP to get an array of file details such as size and…

2 years ago

Creating Laravel form requests

Creating and using Laravel form requests to create cleaner code, separation and reusability for your…

2 years ago

Improving the default Laravel login and register views

Improving the default Laravel login and register views in such a simple manner but making…

2 years ago

Laravel validation for checking if value exists in the database

Laravel validation for checking if a field value exists in the database. The validation rule…

2 years ago