Hej
Hvis billedernes navne består af en fortløbende nummerrække, som i dit eksempel, kan det gøres en smule simplere: 
imgSrcPrefix = "pix/pix"; // Hvad skal før id
imgSrcSuffix = ".jpg" // Hvad skal efter id
var minImgId = 1; // Laveste nummer
var maxImgId = 24; // Højeste nummer
var curImgId = 1; // Nuværende billedes nummer
function loadCurImg()
{
  // Vis nuværende billedet (sti: <prefix><id><suffix>)
  document.imgSrc.src = imgSrcPrefix + curImgId + imgSrcSuffix;
}
function prev()
{
  // Gå et id tilbage
  curImgId--;
  // Er vi nået for langt ned, stopper vi (skal billederne gå i ring, kan man i stedet skrive curImgId = maxImgId)
  if (curImgId < minImgId) curImgId = minImgId;
  // Vis billedet
  loadCurImg();
}
function next()
{
  // Gå til næste billede id
  curImgId++;
  
  // Er vi nået for langt op stopper vi (og her kan man så sætte curImgId = minImgId, hvis de skal gå i ring)
  if (curImgId > maxImgId) curImgId = maxImgId;
  // Vis nuværende billede
  loadCurImg();
}
// Vis det første billede, når siden loader
window.onload = function() { loadCurImg(); };