Script en TOP FRAME

[Alexis88]

Sería más fácil si simplemente cambias la fuente de la imagen del elemento <img> que contiene el <div>. Podrías tener una lista de fuentes almacenadas en un array y por cada clic, ir asignándolas al atributo src del elemento <img>.

Código Javascript:

var imagenes = ["imagen1.jpg", "imagen2.jpg", "imagen3.jpg"], //Todas las imágenes que quieras
    total = imagenes.length, //El total de imágenes
    i = 0, //Contador que usaremos para controlar el cambio de imagen
    img = document.getElementById("main").getElementsByTagName("img")[0];
 
sumA.addEventListener("click", function(){
    if (a.innerHTML < 100){
        a.innerHTML = Number(a.innerHTML) + 1;
        i = i == total - 1 ? 0 : ++i;
        img.src = imagenes[i];
    }
}, false);
 
sumB.addEventListener("click", function(){
    if (b.innerHTML < 100){
        b.innerHTML = Number(b.innerHTML) + 1;
        i = i == total - 1 ? 0 : ++i;
        img.src = imagenes[i];        
    }
}, false);
 

Por cada clic, actualizo el valor del contador y con el valor actualizado, tomo una imagen del array y la asigno al elemento <img>. En la actualización, verifico el valor actual del contador; si este es igual a la última posición del array, lo regreso al inicio, caso contrario, lo hago avanzar una posición a la derecha.

Saludos