Rede de dados - Eventos "Hovering" de imagens

Este exemplo mostra como capturar os eventos onBeforeHover e onAfterHover para a funcionalidade de "hovering" de imagens. Para capturar estes eventos, precisa colocar o seguinte intérprete de ordens na sua função onAfterInit.

    myGrid.onBeforeHover = function(athis){
        // Fazer algo aqui
    }

    myGrid.onAfterHover = function(athis){
        // Fazer algo aqui
    }

O parâmetro de entrada é a referência do objeto para o objeto de imagem interna. Pode utilizar-se para obter informação sobre a imagem e a fila da rede atual.

Neste exemplo, o evento onBeforeHover captura a informação sobre a imagem "hovered". A informação logo se aplicará a <IMG id="mypreview">.

    myGrid.onBeforeHover = function(athis){
        var imgcontainer = document.getElementById('mypreview');
        imgcontainer.src = athis.aContent;
        imgcontainer.width = athis.parent.picWidth;
        imgcontainer.height = athis.parent.picHeight;
    }

onAfterHover utiliza-se para atribuir uma imagem vazia para a fonte de imagem em <IMG id="mypreview">.

    myGrid.onAfterHover = function(athis){
        var imgcontainer = document.getElementById('mypreview');
        imgcontainer.src = 'blank.png';
    }