wimanen

Надо добавить не только touchmove, но и touchstart и touchend.
Если смотреть только по оси Х, то

var touchStart=  -1,
        touchEnd= -1,
        count= 0,
        targetElem= document.getElementById('some_element');

В touchstart функции берем координаты начала движения:

function tStart(e){
          e = e ? e : window.event;
          e = ('changedTouches' in e)?e.changedTouches[0] : e;
          touchStart = e.pageX;
       }

По ходу движения touchmove:

function tMove(e){
          e = e ? e : window.event;
          e = ('changedTouches' in e)?e.changedTouches[0] : e;
          touchEnd = e.pageX - touchStart;
          var _count = count -touchEnd;
          targetElem.style.transform = 'translateX('+(-_count)+'px)';
       }

Ну и в по окончании движения touchend:

function tEnd(e){
          count = count - touchEnd;
          targetElem.style.transform = 'translateX('+(-count)+'px)'; 
       }

Мы берем начальные значения, по ходу движения двигаем по нашей Х оси элемент, по окончании движения "сохраняем результат".

p.s. Не претендую на истину, конечно умные люди и более элегантно может напишут =))

Для того. что бы задать 80% от чего-то, нужно задать размеры тому родительскому элементу, от которого картинка будет иметь 80%. И картинки лучше "резинить" именно width, не используя height. То есть:

<div class="container" >
 <img src="" />
</div>

.container { width: 960px; }
.container img { width: 80%;}