Cómo utilizar JS para lograr efectos de presentación de diapositivas optimizados en teléfonos móviles

Los detalles son los siguientes:

var curIndex = 0;

var timeInterval = 4000;

var arr = new Array( );

arr[0] = "fukeb.jpg";

arr[1] = "baopi.jpg";

arr[2] = "renliub. jpg";

setInterval(changeImg, timeInterval);

función changeImg() {

var obj = document.getElementById("showpic") ;

if (curIndex == arr.length - 1) {

curIndex = 0;

} else {

curIndex += 1;

}