вы сначала верстку сделайте
А потом вот:
http://api.jqueryui.com/draggable/
А если хотите прям вообще научиться, то вот алгоритм (когда-то писал таскаемые окошки):
- вешаете el.onmousedown = el.ontouchstart =..., который ловит координаты мышки и ставит метку, что началось событие таскания
- затем .onmousemove и .ontouchmove чтоб менять видимое положение ползунка с пересчетом расстояния от начала таскания и вычисления положения и в зависимости от положения переключения фотографий.
- и в конце .onmouseup и .ontouchend чтоб понять, что перетаскивание закончилось.
Тачсобытия само собой, если нужна поддержка смартфонов и планшетов
