{"id":532,"date":"2025-02-16T13:22:23","date_gmt":"2025-02-16T20:22:23","guid":{"rendered":"https:\/\/blog.wei-tek.com\/?p=532"},"modified":"2025-11-20T09:51:55","modified_gmt":"2025-11-20T16:51:55","slug":"modern-rotating-images-and-content-2025","status":"publish","type":"post","link":"https:\/\/blog.wei-tek.com\/?p=532","title":{"rendered":"Rotating Images, Videos, and Dynamic Content in 2025"},"content":{"rendered":"

Rotating Images, Videos, and Dynamic Content in 2025: A Modern Approach<\/strong><\/h1>\n

(A follow-up to my 2012 article on rotating images with PHP)<\/em><\/p>\n

Back in 2012 I shared a simple method for rotating images on a webpage using rotate.php<\/code> 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.<\/p>\n

This post provides updated examples for 2025 standards<\/strong>, including secure PHP, JavaScript-based rotation, HTML5 improvements, and recommendations for high-performance websites.<\/p>\n

\n

1. Modern PHP Random Image Rotator<\/strong><\/h2>\n

For servers that still prefer PHP-based rotation, here is the updated safe version:<\/p>\n

\n
\n
\n
<\/div>\n<\/div>\n<\/div>\n
\n

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

if (!$files) {
\nhttp_response_code(404);
\nexit(‘No images found.’);
\n}<\/p>\n

$random = $files[random_int(0, count($files)-1)];
\nheader(“Cache-Control: no-cache, no-store, must-revalidate”);
\nreadfile($path.$random);
\n?><\/p>\n<\/div>\n<\/div>\n

Why this is better:<\/strong><\/h3>\n

\u2714 uses random_int()<\/code>
\u2714 prevents directory traversal
\u2714 filters only real images
\u2714 blocks malicious file types
\u2714 avoids caching problems<\/p>\n

\n

2. JavaScript Rotating Content (Recommended Today)<\/strong><\/h2>\n

If you want:<\/p>\n

    \n
  • \n

    Smooth transitions<\/p>\n<\/li>\n

  • \n

    Fade effects<\/p>\n<\/li>\n

  • \n

    Mobile-friendly rotation<\/p>\n<\/li>\n

  • \n

    No extra server load<\/p>\n<\/li>\n<\/ul>\n

    JavaScript is the modern solution:<\/p>\n

    \n
    \n
    \n
    <\/div>\n<\/div>\n<\/div>\n
    \n

    <div id=”rotator”><\/div><\/p>\n

    <script>
    \nconst images = [
    \n“img1.webp”,
    \n“img2.webp”,
    \n“img3.webp”
    \n];<\/p>\n

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

    rotate();
    \nsetInterval(rotate, 5000);
    \n<\/script><\/p>\n<\/div>\n<\/div>\n

    \n

    3. Rotating Videos or Mixed Content<\/strong><\/h2>\n

    You can rotate any content block\u2014HTML, embedded videos, ads, quotes, or blog snippets\u2014with a simple JS array.<\/p>\n

    \n

    4. WordPress Users: Use Native Tools<\/strong><\/h2>\n

    If your modern site runs on WordPress, use:<\/p>\n

      \n
    • \n

      Random Image Block<\/strong><\/p>\n<\/li>\n

    • \n

      Gallery Plugins<\/p>\n<\/li>\n

    • \n

      Slider Plugins<\/p>\n<\/li>\n

    • \n

      Custom Blocks<\/p>\n<\/li>\n

    • \n

      Elementor \/ Divi dynamic elements<\/p>\n<\/li>\n<\/ul>\n

      No PHP scripts needed.<\/p>\n

      \n

      5. File Performance in 2025<\/strong><\/h2>\n

      Modern guidance:<\/p>\n

        \n
      • \n

        Use WebP or AVIF<\/strong> whenever possible<\/p>\n<\/li>\n

      • \n

        Enable lazy loading<\/strong><\/p>\n<\/li>\n

      • \n

        Serve images through CDN<\/strong><\/p>\n<\/li>\n

      • \n

        Enable HTTP\/2 or HTTP\/3<\/strong><\/p>\n<\/li>\n

      • \n

        Enforce HTTPS<\/strong><\/p>\n<\/li>\n<\/ul>\n

        \n

        Conclusion<\/strong><\/h2>\n

        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.<\/p>\n","protected":false},"excerpt":{"rendered":"

        This updated guide revisits my original 2012 rotating-images article and brings it into 2025 with secure PHP examples, JavaScript rotation options, modern HTML5 practices, and performance improvements. Learn how to safely rotate images, videos, and dynamic content using today\u2019s standards and best practices.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1],"tags":[],"class_list":["post-532","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"\nRotating Images, Videos, and Dynamic Content in 2025 - WEI-Tek Consulting Blog<\/title>\n<meta name=\"description\" content=\"A modern update to rotating images and content using secure PHP, JavaScript, and HTML5 methods. Learn safe, fast techniques for 2025 websites.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.wei-tek.com\/?p=532\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Rotating Images, Videos, and Dynamic Content in 2025 - WEI-Tek Consulting Blog\" \/>\n<meta property=\"og:description\" content=\"A modern update to rotating images and content using secure PHP, JavaScript, and HTML5 methods. Learn safe, fast techniques for 2025 websites.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.wei-tek.com\/?p=532\" \/>\n<meta property=\"og:site_name\" content=\"WEI-Tek Consulting Blog\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-16T20:22:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-20T16:51:55+00:00\" \/>\n<meta name=\"author\" content=\"WEI-Tek Admin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"WEI-Tek Admin\" \/>\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:\\\/\\\/blog.wei-tek.com\\\/?p=532#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.wei-tek.com\\\/?p=532\"},\"author\":{\"name\":\"WEI-Tek Admin\",\"@id\":\"https:\\\/\\\/blog.wei-tek.com\\\/#\\\/schema\\\/person\\\/2b0bbd9e9399ffbc8422452fd056f5d6\"},\"headline\":\"Rotating Images, Videos, and Dynamic Content in 2025\",\"datePublished\":\"2025-02-16T20:22:23+00:00\",\"dateModified\":\"2025-11-20T16:51:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.wei-tek.com\\\/?p=532\"},\"wordCount\":383,\"commentCount\":0,\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/blog.wei-tek.com\\\/?p=532#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blog.wei-tek.com\\\/?p=532\",\"url\":\"https:\\\/\\\/blog.wei-tek.com\\\/?p=532\",\"name\":\"Rotating Images, Videos, and Dynamic Content in 2025 - WEI-Tek Consulting Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.wei-tek.com\\\/#website\"},\"datePublished\":\"2025-02-16T20:22:23+00:00\",\"dateModified\":\"2025-11-20T16:51:55+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/blog.wei-tek.com\\\/#\\\/schema\\\/person\\\/2b0bbd9e9399ffbc8422452fd056f5d6\"},\"description\":\"A modern update to rotating images and content using secure PHP, JavaScript, and HTML5 methods. Learn safe, fast techniques for 2025 websites.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog.wei-tek.com\\\/?p=532#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/blog.wei-tek.com\\\/?p=532\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog.wei-tek.com\\\/?p=532#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/blog.wei-tek.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Rotating Images, Videos, and Dynamic Content in 2025\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blog.wei-tek.com\\\/#website\",\"url\":\"https:\\\/\\\/blog.wei-tek.com\\\/\",\"name\":\"WEI-Tek Consulting Blog\",\"description\":\"Tip, Tricks and Letting off steam\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/blog.wei-tek.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blog.wei-tek.com\\\/#\\\/schema\\\/person\\\/2b0bbd9e9399ffbc8422452fd056f5d6\",\"name\":\"WEI-Tek Admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d245b7adae153c531623aeb9909fbcaf06b10621a9b6def388d5dc7a79558cca?s=96&d=identicon&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d245b7adae153c531623aeb9909fbcaf06b10621a9b6def388d5dc7a79558cca?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d245b7adae153c531623aeb9909fbcaf06b10621a9b6def388d5dc7a79558cca?s=96&d=identicon&r=g\",\"caption\":\"WEI-Tek Admin\"},\"sameAs\":[\"https:\\\/\\\/www.wei-tek.com\"],\"url\":\"https:\\\/\\\/blog.wei-tek.com\\\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Rotating Images, Videos, and Dynamic Content in 2025 - WEI-Tek Consulting Blog","description":"A modern update to rotating images and content using secure PHP, JavaScript, and HTML5 methods. Learn safe, fast techniques for 2025 websites.","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:\/\/blog.wei-tek.com\/?p=532","og_locale":"en_US","og_type":"article","og_title":"Rotating Images, Videos, and Dynamic Content in 2025 - WEI-Tek Consulting Blog","og_description":"A modern update to rotating images and content using secure PHP, JavaScript, and HTML5 methods. Learn safe, fast techniques for 2025 websites.","og_url":"https:\/\/blog.wei-tek.com\/?p=532","og_site_name":"WEI-Tek Consulting Blog","article_published_time":"2025-02-16T20:22:23+00:00","article_modified_time":"2025-11-20T16:51:55+00:00","author":"WEI-Tek Admin","twitter_misc":{"Written by":"WEI-Tek Admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog.wei-tek.com\/?p=532#article","isPartOf":{"@id":"https:\/\/blog.wei-tek.com\/?p=532"},"author":{"name":"WEI-Tek Admin","@id":"https:\/\/blog.wei-tek.com\/#\/schema\/person\/2b0bbd9e9399ffbc8422452fd056f5d6"},"headline":"Rotating Images, Videos, and Dynamic Content in 2025","datePublished":"2025-02-16T20:22:23+00:00","dateModified":"2025-11-20T16:51:55+00:00","mainEntityOfPage":{"@id":"https:\/\/blog.wei-tek.com\/?p=532"},"wordCount":383,"commentCount":0,"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/blog.wei-tek.com\/?p=532#respond"]}]},{"@type":"WebPage","@id":"https:\/\/blog.wei-tek.com\/?p=532","url":"https:\/\/blog.wei-tek.com\/?p=532","name":"Rotating Images, Videos, and Dynamic Content in 2025 - WEI-Tek Consulting Blog","isPartOf":{"@id":"https:\/\/blog.wei-tek.com\/#website"},"datePublished":"2025-02-16T20:22:23+00:00","dateModified":"2025-11-20T16:51:55+00:00","author":{"@id":"https:\/\/blog.wei-tek.com\/#\/schema\/person\/2b0bbd9e9399ffbc8422452fd056f5d6"},"description":"A modern update to rotating images and content using secure PHP, JavaScript, and HTML5 methods. Learn safe, fast techniques for 2025 websites.","breadcrumb":{"@id":"https:\/\/blog.wei-tek.com\/?p=532#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.wei-tek.com\/?p=532"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/blog.wei-tek.com\/?p=532#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.wei-tek.com\/"},{"@type":"ListItem","position":2,"name":"Rotating Images, Videos, and Dynamic Content in 2025"}]},{"@type":"WebSite","@id":"https:\/\/blog.wei-tek.com\/#website","url":"https:\/\/blog.wei-tek.com\/","name":"WEI-Tek Consulting Blog","description":"Tip, Tricks and Letting off steam","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.wei-tek.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.wei-tek.com\/#\/schema\/person\/2b0bbd9e9399ffbc8422452fd056f5d6","name":"WEI-Tek Admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/d245b7adae153c531623aeb9909fbcaf06b10621a9b6def388d5dc7a79558cca?s=96&d=identicon&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/d245b7adae153c531623aeb9909fbcaf06b10621a9b6def388d5dc7a79558cca?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d245b7adae153c531623aeb9909fbcaf06b10621a9b6def388d5dc7a79558cca?s=96&d=identicon&r=g","caption":"WEI-Tek Admin"},"sameAs":["https:\/\/www.wei-tek.com"],"url":"https:\/\/blog.wei-tek.com\/?author=1"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p2SXof-8A","_links":{"self":[{"href":"https:\/\/blog.wei-tek.com\/index.php?rest_route=\/wp\/v2\/posts\/532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.wei-tek.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.wei-tek.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.wei-tek.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.wei-tek.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=532"}],"version-history":[{"count":3,"href":"https:\/\/blog.wei-tek.com\/index.php?rest_route=\/wp\/v2\/posts\/532\/revisions"}],"predecessor-version":[{"id":535,"href":"https:\/\/blog.wei-tek.com\/index.php?rest_route=\/wp\/v2\/posts\/532\/revisions\/535"}],"wp:attachment":[{"href":"https:\/\/blog.wei-tek.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=532"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.wei-tek.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=532"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.wei-tek.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}