Hvordan viser jeg billedet med det samme

det gør du ved at loade billederne og så sætte <img... det herind: id="test" style="Display: none;">

så laver du en funktion der gør

<script language="javascript">
    function showpic(pic) {
        if (document.getElementById(""+pic).style.display == 'none') {
            document.getElementById(""+pic).style.display='block';
        }
    }
<script%>

% skal lige væk i og / skal tilføjes i sidste linie: </script>

dvs dine billeder skal have et id, i mit eksempel: test
og så kan du lave en funktion der viser billeder og nemt udvide den til også at skjule dem

Jeg kan ikke helt se hvordan det kan løse mit problem. Kan du ikke prøve at forklare hvordan du mener at din function showpic(pic) skal bruges :)

- prom.

altså du sætter dine billeder ind hvor de skal være, med:
id="test" style="Display: none;
i vær <img src="dit billede" id="husk nyt id til alle billeder" style="Display: none;">

Men dit eksempel loades billederne jo netop hver gang! de ligger der ikke, det tager et stykke tid for mig at se dem!

Så forklar lige hvad det er du vil - jeg læser det som en "pre-load" så man kan skifte billede uden at vente

Som du skriver tager det et stykke tid for dig at se dem. Det jeg vil få til er at billedet skiftes ud med det samme, så brugeren ser den lavopløste del af det nye progressive jpg-billede med det samme.

Jeg har tilføjet en "progressbar" over billedet så man kan se at "der sker noget" når man vælger et nyt billede. Så hvis vi ikke finder en løsning betyder det ikke så meget, selv om det selvføgelig kunne være lidt morsomt hvis vi fandt en løsning.

- prom

jeg melder desværre pas

Som du foreslår kan man selvfølgelig oprette lige så mange img objecter som man har billeder. Når et nyt billede skal vises kan man skjule det gamle og vise det nye img object.
Det kan være at det ikke er særlig performance-venligt og gøre det på den måde, men det ville vel virke.

- prom.

Lukker

- prom