disabling controls ?

disabling controls ?


I have to make a presentation to a group of older folks, and will likely do it as a webpage: it will be displayed via a medium-size tv screen (Sony Bravia). 

Navigation down through the layers would be by strategically-placed transparent gifs, and colored markers like those on googlemaps.

I have this idea that those who want to could bring their iPads, and follow along, if they're in the back row or nearsighted: but wouldn't want them to navigate for themselves.  So...would there be a way to disable navigation functions on iPads and tablets generally?

I could leave out  jquery.ui.touch-punch.min.js which seems to give mixed results, from users' reports. Maybe one could adapt a sniffer for smaller-sized screens ?

$(document).ready(function() {  if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|OperaMini/i.test(navigator.userAgent)   || screen.width < 1800 || screen.height < 800 ) {    someFunction() };    });


Cheers.