如何只在HTML中加载一个图像

Question

所以我有一个webcomic的网站，它有很多图像。我创建了一个界面，每次用户点击时都会更改图像的来源，＆＃34;下一个＆＃34;，＆＃34;之前的＆＃34;等等。 （漫画文件已编入索引）

Pseudocode:

function goTo(word)  {
    num = (get current comic num);
    if (word = next):
        doc.getID("myComic").src = "comic"+(num+1)+".png";
        num++;
    // And similarly for prev, first, last, keywords...
}

当我点击按钮时，这会改变图像，但是，根据giftofspeed.com，网页会立即加载所有漫画图像。这很糟糕，因为我不希望我的页面一次加载多个MB数据;只有src更改调用的图像。如何确保页面加载了一个被查看的图像？