{"id":457,"date":"2026-08-22T15:29:04","date_gmt":"2026-08-22T19:29:04","guid":{"rendered":"https:\/\/www.techronology.com\/main\/blog\/?p=457"},"modified":"2026-08-22T15:37:17","modified_gmt":"2026-08-22T19:37:17","slug":"display-random-images-in-php-code","status":"publish","type":"post","link":"https:\/\/www.techronology.com\/main\/blog\/display-random-images-in-php-code\/","title":{"rendered":"Display random images in PHP code"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\" src=\"https:\/\/www.techronology.com\/main\/blog\/wp-content\/uploads\/2026\/08\/random-images-php-featimg-1.png\" alt=\"Display random images in PHP code - Techronology\" class=\"wp-image-473\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Overview<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This quick tip shows you how to display random images in <a href=\"https:\/\/www.php.net\/\" target=\"_blank\" rel=\"noreferrer noopener\">PHP<\/a> code. For example, you may want the user to see something different on refresh. Or, when they come back to the page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Keep in mind, this method does not guarantee a different image will appear randomly. Sometimes, you may see the same image. Therefore, if you decide to use random images, you should use a minimum of three. We suggest five.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So, we use this method on the Techronology site. Simply, visit our <a href=\"https:\/\/www.techronology.com\/main\/\">homepage<\/a> and press function key F5 to refresh page. The images under &#8220;Professional tools&#8230;&#8221; should change. Of course, one or two may not change, which okay.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Steps to display random images in PHP code<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Step 1: Prepare the images<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"345\" height=\"352\" src=\"https:\/\/www.techronology.com\/main\/blog\/wp-content\/uploads\/2026\/08\/random-images-php-1.png\" alt=\"Display random images in PHP code - Techronology\" class=\"wp-image-466\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In our example, we have five balls. Additionally, they are indexed 1 to 5, which will make it easier for us to randomize.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Step 2: Create PHP code<\/h4>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#d8dee9ff;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;!DOCTYPE html>\n&lt;html lang=\"en\">\n&lt;head>\n    &lt;meta charset=\"UTF-8\" \/>\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n&lt;\/head>\n&lt;body>\n    &lt;img src=\"images\/balls\/ball-&lt;?php echo rand(1,5); ?>.png\" alt=\"Random ball\" \/>\n&lt;\/body>\n&lt;\/html><\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">&lt;!<\/span><span style=\"color: #D8DEE9FF\">DOCTYPE html<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\">html lang<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">en<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\">head<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\">meta charset<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">UTF-8<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">\/&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\">meta name<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">viewport<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> content<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">width=device-width, initial-scale=1.0<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">\/&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9FF\">head<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\">body<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\">img src<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">images\/balls\/ball-&lt;?php echo rand(1,5); ?&gt;.png<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> alt<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Random ball<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">\/&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9FF\">body<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9FF\">html<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">So, the above code is mostly HTML. However, take a look at <strong>line 8<\/strong>. That is where PHP comes in. We simply put in&#8230;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>&lt;?php echo rand(1,5); ?><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8230;as the random index number. Notice that you still need to put in the file extension. In this case, &#8220;.png&#8221;. Overall, this method makes it much easier to display a randomized image.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">But, what if you have images with different  names? Well, you can accomplish the same result in multiple ways, but we will show you with <a href=\"https:\/\/www.php.net\/manual\/en\/language.types.array.php\" target=\"_blank\" rel=\"noreferrer noopener\">arrays<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Using arrays<\/h4>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#d8dee9ff;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;?php\n    $ball&#91;1&#93; = 'blue-ball.png';\n    $ball&#91;2&#93; = 'red-ball.png';\n    $ball&#91;3&#93; = 'green-ball.png';\n    $ball&#91;4&#93; = 'yellow-ball.png';\n    $ball&#91;5&#93; = 'cyan-ball.png';\n?>\n&lt;!DOCTYPE html>\n&lt;html lang=\"en\">\n&lt;head>\n    &lt;meta charset=\"UTF-8\" \/>\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n&lt;\/head>\n&lt;body>\n    &lt;img src=\"images\/balls\/&lt;?php echo $ball&#91;rand(1,5)&#93;; ?>\" alt=\"Random ball\" \/>\n&lt;\/body>\n&lt;\/html><\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">&lt;?<\/span><span style=\"color: #D8DEE9FF\">php<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">ball<\/span><span style=\"color: #ECEFF4\">&#91;<\/span><span style=\"color: #B48EAD\">1<\/span><span style=\"color: #ECEFF4\">&#93;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">blue-ball.png<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">ball<\/span><span style=\"color: #ECEFF4\">&#91;<\/span><span style=\"color: #B48EAD\">2<\/span><span style=\"color: #ECEFF4\">&#93;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">red-ball.png<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">ball<\/span><span style=\"color: #ECEFF4\">&#91;<\/span><span style=\"color: #B48EAD\">3<\/span><span style=\"color: #ECEFF4\">&#93;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">green-ball.png<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">ball<\/span><span style=\"color: #ECEFF4\">&#91;<\/span><span style=\"color: #B48EAD\">4<\/span><span style=\"color: #ECEFF4\">&#93;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">yellow-ball.png<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">ball<\/span><span style=\"color: #ECEFF4\">&#91;<\/span><span style=\"color: #B48EAD\">5<\/span><span style=\"color: #ECEFF4\">&#93;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">cyan-ball.png<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">?&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;!<\/span><span style=\"color: #D8DEE9FF\">DOCTYPE html<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\">html lang<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">en<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\">head<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\">meta charset<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">UTF-8<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">\/&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\">meta name<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">viewport<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> content<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">width=device-width, initial-scale=1.0<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">\/&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9FF\">head<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\">body<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\">img src<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">images\/balls\/&lt;?php echo <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">ball<\/span><span style=\"color: #A3BE8C\">&#91;rand(1,5)&#93;; ?&gt;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> alt<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Random ball<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">\/&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9FF\">body<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9FF\">html<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">In <strong>lines 1 to 7<\/strong>, we have images with different names. <strong>Line 15<\/strong> displays the image using the following PHP code&#8230;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>&lt;?php echo $ball[rand(1,5)]; ?><\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">Related<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.techronology.com\/main\/blog\/create-random-titles-and-meta-descriptions-using-php\/\">Create Random Titles and Meta Descriptions using PHP<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Overview This quick tip shows you how to display random images in PHP code. For example, you may want the user to see something different on refresh. Or, when they come back to the page. Keep in mind, this method does not guarantee a different image will appear randomly. Sometimes, you may see the same &hellip;<\/p>\n","protected":false},"author":2,"featured_media":473,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[3,15,13],"tags":[4,16,24],"class_list":["post-457","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-coding","category-education","category-reference","tag-php","tag-quick-tips","tag-webdev"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Display random images in PHP code - Techronology blog<\/title>\n<meta name=\"description\" content=\"Display random images in PHP code - This quick tip shows you how to display random images in PHP code - Techronology\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.techronology.com\/main\/blog\/display-random-images-in-php-code\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Display random images in PHP code - Techronology blog\" \/>\n<meta property=\"og:description\" content=\"Display random images in PHP code - This quick tip shows you how to display random images in PHP code - Techronology\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.techronology.com\/main\/blog\/display-random-images-in-php-code\/\" \/>\n<meta property=\"og:site_name\" content=\"Techronology blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/realtechronology\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-22T19:29:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-22T19:37:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.techronology.com\/main\/blog\/wp-content\/uploads\/2026\/08\/random-images-php-featimg-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Techronology\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@techronology\" \/>\n<meta name=\"twitter:site\" content=\"@techronology\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Techronology\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/display-random-images-in-php-code\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/display-random-images-in-php-code\\\/\"},\"author\":{\"name\":\"Techronology\",\"@id\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/#\\\/schema\\\/person\\\/5eaa3244f77fd3a4d69d4843761efa1f\"},\"headline\":\"Display random images in PHP code\",\"datePublished\":\"2026-08-22T19:29:04+00:00\",\"dateModified\":\"2026-08-22T19:37:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/display-random-images-in-php-code\\\/\"},\"wordCount\":274,\"publisher\":{\"@id\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/display-random-images-in-php-code\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/random-images-php-featimg-1.png\",\"keywords\":[\"PHP\",\"Quick tips\",\"WebDev\"],\"articleSection\":[\"Coding\",\"Education\",\"Reference\"],\"inLanguage\":\"en\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/display-random-images-in-php-code\\\/\",\"url\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/display-random-images-in-php-code\\\/\",\"name\":\"Display random images in PHP code - Techronology blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/display-random-images-in-php-code\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/display-random-images-in-php-code\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/random-images-php-featimg-1.png\",\"datePublished\":\"2026-08-22T19:29:04+00:00\",\"dateModified\":\"2026-08-22T19:37:17+00:00\",\"description\":\"Display random images in PHP code - This quick tip shows you how to display random images in PHP code - Techronology\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/display-random-images-in-php-code\\\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/display-random-images-in-php-code\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/display-random-images-in-php-code\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/random-images-php-featimg-1.png\",\"contentUrl\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/random-images-php-featimg-1.png\",\"width\":600,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/display-random-images-in-php-code\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Display random images in PHP code\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/\",\"name\":\"Techronology blog\",\"description\":\"We love creating software tools, online apps, and games\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/#organization\"},\"alternateName\":\"Techronology\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/#organization\",\"name\":\"Techronology\",\"url\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/techronology-icon.png\",\"contentUrl\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/techronology-icon.png\",\"width\":600,\"height\":600,\"caption\":\"Techronology\"},\"image\":{\"@id\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/realtechronology\",\"https:\\\/\\\/x.com\\\/techronology\",\"https:\\\/\\\/www.instagram.com\\\/techronology\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/#\\\/schema\\\/person\\\/5eaa3244f77fd3a4d69d4843761efa1f\",\"name\":\"Techronology\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/373ff4538d504e15cde503e42767bbaf7d8ded3ee8c436f226892b80d7f61d05?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/373ff4538d504e15cde503e42767bbaf7d8ded3ee8c436f226892b80d7f61d05?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/373ff4538d504e15cde503e42767bbaf7d8ded3ee8c436f226892b80d7f61d05?s=96&d=mm&r=g\",\"caption\":\"Techronology\"},\"sameAs\":[\"https:\\\/\\\/www.techronology.com\"],\"url\":\"https:\\\/\\\/www.techronology.com\\\/main\\\/blog\\\/author\\\/techronology\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Display random images in PHP code - Techronology blog","description":"Display random images in PHP code - This quick tip shows you how to display random images in PHP code - Techronology","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.techronology.com\/main\/blog\/display-random-images-in-php-code\/","og_locale":"en_US","og_type":"article","og_title":"Display random images in PHP code - Techronology blog","og_description":"Display random images in PHP code - This quick tip shows you how to display random images in PHP code - Techronology","og_url":"https:\/\/www.techronology.com\/main\/blog\/display-random-images-in-php-code\/","og_site_name":"Techronology blog","article_publisher":"https:\/\/www.facebook.com\/realtechronology","article_published_time":"2026-08-22T19:29:04+00:00","article_modified_time":"2026-08-22T19:37:17+00:00","og_image":[{"width":600,"height":400,"url":"https:\/\/www.techronology.com\/main\/blog\/wp-content\/uploads\/2026\/08\/random-images-php-featimg-1.png","type":"image\/png"}],"author":"Techronology","twitter_card":"summary_large_image","twitter_creator":"@techronology","twitter_site":"@techronology","twitter_misc":{"Written by":"Techronology","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.techronology.com\/main\/blog\/display-random-images-in-php-code\/#article","isPartOf":{"@id":"https:\/\/www.techronology.com\/main\/blog\/display-random-images-in-php-code\/"},"author":{"name":"Techronology","@id":"https:\/\/www.techronology.com\/main\/blog\/#\/schema\/person\/5eaa3244f77fd3a4d69d4843761efa1f"},"headline":"Display random images in PHP code","datePublished":"2026-08-22T19:29:04+00:00","dateModified":"2026-08-22T19:37:17+00:00","mainEntityOfPage":{"@id":"https:\/\/www.techronology.com\/main\/blog\/display-random-images-in-php-code\/"},"wordCount":274,"publisher":{"@id":"https:\/\/www.techronology.com\/main\/blog\/#organization"},"image":{"@id":"https:\/\/www.techronology.com\/main\/blog\/display-random-images-in-php-code\/#primaryimage"},"thumbnailUrl":"https:\/\/www.techronology.com\/main\/blog\/wp-content\/uploads\/2026\/08\/random-images-php-featimg-1.png","keywords":["PHP","Quick tips","WebDev"],"articleSection":["Coding","Education","Reference"],"inLanguage":"en"},{"@type":"WebPage","@id":"https:\/\/www.techronology.com\/main\/blog\/display-random-images-in-php-code\/","url":"https:\/\/www.techronology.com\/main\/blog\/display-random-images-in-php-code\/","name":"Display random images in PHP code - Techronology blog","isPartOf":{"@id":"https:\/\/www.techronology.com\/main\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.techronology.com\/main\/blog\/display-random-images-in-php-code\/#primaryimage"},"image":{"@id":"https:\/\/www.techronology.com\/main\/blog\/display-random-images-in-php-code\/#primaryimage"},"thumbnailUrl":"https:\/\/www.techronology.com\/main\/blog\/wp-content\/uploads\/2026\/08\/random-images-php-featimg-1.png","datePublished":"2026-08-22T19:29:04+00:00","dateModified":"2026-08-22T19:37:17+00:00","description":"Display random images in PHP code - This quick tip shows you how to display random images in PHP code - Techronology","breadcrumb":{"@id":"https:\/\/www.techronology.com\/main\/blog\/display-random-images-in-php-code\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.techronology.com\/main\/blog\/display-random-images-in-php-code\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.techronology.com\/main\/blog\/display-random-images-in-php-code\/#primaryimage","url":"https:\/\/www.techronology.com\/main\/blog\/wp-content\/uploads\/2026\/08\/random-images-php-featimg-1.png","contentUrl":"https:\/\/www.techronology.com\/main\/blog\/wp-content\/uploads\/2026\/08\/random-images-php-featimg-1.png","width":600,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.techronology.com\/main\/blog\/display-random-images-in-php-code\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.techronology.com\/main\/blog\/"},{"@type":"ListItem","position":2,"name":"Display random images in PHP code"}]},{"@type":"WebSite","@id":"https:\/\/www.techronology.com\/main\/blog\/#website","url":"https:\/\/www.techronology.com\/main\/blog\/","name":"Techronology blog","description":"We love creating software tools, online apps, and games","publisher":{"@id":"https:\/\/www.techronology.com\/main\/blog\/#organization"},"alternateName":"Techronology","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.techronology.com\/main\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en"},{"@type":"Organization","@id":"https:\/\/www.techronology.com\/main\/blog\/#organization","name":"Techronology","url":"https:\/\/www.techronology.com\/main\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.techronology.com\/main\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.techronology.com\/main\/blog\/wp-content\/uploads\/2026\/08\/techronology-icon.png","contentUrl":"https:\/\/www.techronology.com\/main\/blog\/wp-content\/uploads\/2026\/08\/techronology-icon.png","width":600,"height":600,"caption":"Techronology"},"image":{"@id":"https:\/\/www.techronology.com\/main\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/realtechronology","https:\/\/x.com\/techronology","https:\/\/www.instagram.com\/techronology"]},{"@type":"Person","@id":"https:\/\/www.techronology.com\/main\/blog\/#\/schema\/person\/5eaa3244f77fd3a4d69d4843761efa1f","name":"Techronology","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/secure.gravatar.com\/avatar\/373ff4538d504e15cde503e42767bbaf7d8ded3ee8c436f226892b80d7f61d05?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/373ff4538d504e15cde503e42767bbaf7d8ded3ee8c436f226892b80d7f61d05?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/373ff4538d504e15cde503e42767bbaf7d8ded3ee8c436f226892b80d7f61d05?s=96&d=mm&r=g","caption":"Techronology"},"sameAs":["https:\/\/www.techronology.com"],"url":"https:\/\/www.techronology.com\/main\/blog\/author\/techronology\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/www.techronology.com\/main\/blog\/wp-content\/uploads\/2026\/08\/random-images-php-featimg-1.png","_links":{"self":[{"href":"https:\/\/www.techronology.com\/main\/blog\/wp-json\/wp\/v2\/posts\/457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.techronology.com\/main\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.techronology.com\/main\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.techronology.com\/main\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.techronology.com\/main\/blog\/wp-json\/wp\/v2\/comments?post=457"}],"version-history":[{"count":15,"href":"https:\/\/www.techronology.com\/main\/blog\/wp-json\/wp\/v2\/posts\/457\/revisions"}],"predecessor-version":[{"id":475,"href":"https:\/\/www.techronology.com\/main\/blog\/wp-json\/wp\/v2\/posts\/457\/revisions\/475"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.techronology.com\/main\/blog\/wp-json\/wp\/v2\/media\/473"}],"wp:attachment":[{"href":"https:\/\/www.techronology.com\/main\/blog\/wp-json\/wp\/v2\/media?parent=457"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.techronology.com\/main\/blog\/wp-json\/wp\/v2\/categories?post=457"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.techronology.com\/main\/blog\/wp-json\/wp\/v2\/tags?post=457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}