Tvinga en browser att cacha bilder på websida innan de används?

Tänker ge dig lite andra tips även om det inte handlar om cachen.
Just nu använder du dig av Javascript för att byta bilderna vilket är väldigt oeffektivt. Ta och titta på CSS psuedo klassen :hover.
Du kan då göra så att bilden bytas väldigt enkelt med bara CSS. Sedan kan du ju skapa en "aktiv" klass som används för att byta bild på den sidan man är inne på nu.

För att sedan dra ner på HTTP requestsen (som också gör att det går väldigt mycket saktare) kan du ta en titt på CSS-sprites, där har du alla tre bilderna i en PNG fil och du byter sedan bilden men hjälp av background-position.

CSS-sprites är verkligen vägen att ta i ert fall. Lägg bilden som bakgrundsbild istället och skriv ut texten i klartext för menyn så att den blir sökbar (ur SEO-perspektiv och användarvänlighet är det det mest rätta).
Kika tex in den här: http://buildinternet.com/2010/01/how-to-make-a-css-sprite-pow...
alternativt den här för lite mer interaktion: http://www.alistapart.com/articles/sprites2/