Member Avatar for zacharysr

On my search page i want to make the logo auto change when a certain day comes up. Say like christmas. our a birthday or something like that. So how would i make the logo change in php when these days come up?

  • 4 Contributors
  • 3 Replies
  • 272 Views
  • 1 Year Discussion Span
  • Latest Post Latest Post by Member #120589

Dani AI

Generated

A server-side date check is a fine, simple start — credit to for that — but it uses the server clock. correctly points out that visitors in other timezones will see the change at different local moments. Two practical, robust patterns work well: a site-wide server schedule for universal events, and client-side detection for per-visitor timing.

For site-wide events (holidays shown to everyone at the same UTC moment), keep a small canonical schedule: store month/day or full dates in a config file or a tiny table, include multi-day ranges for events, and render the matching image at page generate time. Ensure cache-control and CDNs are handled: either use cache-busting filenames or append a version query string (for example ?v=YYYYMMDD) when updating images so stale cached copies do not persist. For temporary or many events, manage entries via a simple admin UI or a cron-driven import.

For per-visitor local-day behavior, detect the visitor's date in the browser and swap the logo after the page loads, falling back to the server-rendered default when JavaScript is unavailable. Example pattern:

<script>
(function(){
  var specials = {'12-25':'logo-christmas.png','10-31':'logo-halloween.png'};
  var d = new Date(), key = (d.getMonth()+1) + '-' + d.getDate();
  var img = document.getElementById('site-logo'); // <img id="site-logo" src="/images/logo-default.png" alt="Site logo">
  if (img && specials[key]) img.src = '/images/' + specials[key] + '?v=YYYYMMDD';
})();
</script>

Additional notes: include meaningful alt text for accessibility, provide retina/ responsive assets via srcset or <picture> if needed, compress images (WebP where supported), and remember bots may not run JS — server-side rendering is required if the special logo must appear to crawlers. For user-specific birthdays, drive the switch from the user profile on the server when possible. These steps address timezone, caching, accessibility, and real-world maintainability.

Recommended Answers

All 3 Replies

Member Avatar for azywebcoder

you can try this

$date= date('m-d');

if ($date == '12-25' )
{
 $logo= 'christmas.gif';
}
else
{
$logo = 'normal.gif';
}
Member Avatar for Member #120589

That of course will be set to your (server) timezone. In order to set it to the user's timezone (so it will appear at different instances for different users), you need to get the user's TZ (or time) from the client.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.