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(); };