Building on my previous SiteShow with Controls - Fade-in a list of web pages/URLs as a fullscreen 'SiteShow' blog post, this article shows you how to adapt the scripts to schedule in additional slides for certain times, or specific dates, using PHP. The PHP To start off, using the full-screen demo page as a base, we'll set a few PHP variables at the top of the page to set our local timezone and identify the time, date and weekday; Code: <?php date_default_timezone_set('Europe/London'); ...
<?php date_default_timezone_set('Europe/London');
Updated 09-30-2016 at 10:43 AM by Beverleyh
Last year I wrote about my digital signage work and the mechanics of how I displayed news and updates on a web page in a Simple Sweep-in News Scroller (CSS3/JS). The web page was displayed on a large TV screen that was mounted in a lobby/reception area, with several more installations visible around the grounds. At the time, I didn't explain that along with a web page of scrolling updates, there were many additional web pages that all displayed on a cycle, with each page redirecting to the next ...
Updated 08-11-2016 at 07:27 AM by Beverleyh (formatting code a little better)
Let visitors 'feel' their way around the interactive areas of your website by adding support for native swipe gestures on touch devices. I'll be using my earlier RWD CSS3 Any Content Slider (JS auto-play) as a demo, but you can easily take away from this post to add touch gestures to your own apps... Need some other ideas? Website features that may benefit from a left or right swipe; - a content slider (progress back and forth between slides) - an image gallery (progress ...
Updated 07-25-2015 at 02:14 PM by Beverleyh
Want a simple, responsive cross-fading slideshow, with images that are lightweight AND retina-ready? You got it! Demo: http://fofwebdesign.co.uk/template/_...ideshow-js.htm Works in modern browsers and IE9+ (no fade effect in IE9). IE8 users just see a static image - but you can make IE8 act like IE9 with some CSS mods (see comments) This post covers 2 topics that can be used separately OR combined. First up... the slideshow. ...
Updated 07-30-2015 at 10:59 AM by Beverleyh (IE8 CSS comment added)
Today I revisit the Responsive CSS3 Any Content Slider, enhancing it with auto-play and start/stop controls (and later, a large touch-toggle with swish 'zoom' animation), thanks to a sprinkle of JavaScript. But first, a recap on the CSS-only version that was covered in an earlier blog post, mainly just as a reminder about usage of the checkbox hack to emulate click events via CSS - that's what gives it functionality without JavaScript, but, I was contacted and asked to make it play ...
Updated 12-09-2014 at 09:33 AM by Beverleyh
Recent Visitors
Go to Profile
Mark as Read