WEI-Tek Consulting Blog

Tip, Tricks and Letting off steam

Rotating Images, Videos, and Dynamic Content in 2025

February 16, 2025 WEI-Tek Admin Uncategorized

Rotating Images, Videos, and Dynamic Content in 2025: A Modern Approach

(A follow-up to my 2012 article on rotating images with PHP)

Back in 2012 I shared a simple method for rotating images on a webpage using rotate.php scripts. While that technique still works, the web has changed dramatically. Modern PHP versions, security concerns, and performance expectations require an updated approach to rotating images, videos, and other content.

This post provides updated examples for 2025 standards, including secure PHP, JavaScript-based rotation, HTML5 improvements, and recommendations for high-performance websites.

1. Modern PHP Random Image Rotator

For servers that still prefer PHP-based rotation, here is the updated safe version:

<?php
$path = __DIR__ . ‘/images/’;
$files = array_filter(scandir($path), function($file) use ($path) {
$allowed = [‘jpg’,’jpeg’,’png’,’gif’,’webp’];
$ext = strtolower(pathinfo($file, PATHINFO_EXTENSION));
return !is_dir($path.$file) && in_array($ext, $allowed);
});

if (!$files) {
http_response_code(404);
exit(‘No images found.’);
}

$random = $files[random_int(0, count($files)-1)];
header(“Cache-Control: no-cache, no-store, must-revalidate”);
readfile($path.$random);
?>

Why this is better:

✔ uses random_int()
✔ prevents directory traversal
✔ filters only real images
✔ blocks malicious file types
✔ avoids caching problems

2. JavaScript Rotating Content (Recommended Today)

If you want:

  • Smooth transitions

  • Fade effects

  • Mobile-friendly rotation

  • No extra server load

JavaScript is the modern solution:

<div id=”rotator”></div>

<script>
const images = [
“img1.webp”,
“img2.webp”,
“img3.webp”
];

function rotate() {
const img = images[Math.floor(Math.random() * images.length)];
document.getElementById(“rotator”).innerHTML =
`<img src=”${img}” loading=”lazy” alt=”Random Image”>`;
}

rotate();
setInterval(rotate, 5000);
</script>

3. Rotating Videos or Mixed Content

You can rotate any content block—HTML, embedded videos, ads, quotes, or blog snippets—with a simple JS array.

4. WordPress Users: Use Native Tools

If your modern site runs on WordPress, use:

  • Random Image Block

  • Gallery Plugins

  • Slider Plugins

  • Custom Blocks

  • Elementor / Divi dynamic elements

No PHP scripts needed.

5. File Performance in 2025

Modern guidance:

  • Use WebP or AVIF whenever possible

  • Enable lazy loading

  • Serve images through CDN

  • Enable HTTP/2 or HTTP/3

  • Enforce HTTPS

Conclusion

The old rotate.php method still works, but modern solutions give you more control, better performance, and far better security. Whether you use updated PHP, CSS/JS rotation, or plugin-based solutions, rotating images and content in 2025 is easier and safer than ever.

Leave a Reply