Witam

Potrzebuję otrzymać taki efekt jak jest na: LINK



Poradziłem sobie
Kod
<!--

/*
* pokaObrazek baj Pajonk
*
* w kodzie dodaæ:
* w sekcji head: <script language="javascript" src="sciezkadoTEGOpliku.js"></script>
* w sekcji body: <body onLoad="document.onmousemove = mysz;">
* w elemencie strony: onmouseover="pokaObrazek('sciezka/obrazek.jpg');" onmouseout="hideObrazek();"
*
* w funkcji rusyjObrazek wstawiæ adres do obrazka :)
*/

var ie4, ns4, ns6;
ie = document.all;
ns4 = document.layers;
ns6 = document.getElementById && !document.all;

// pobieranie pozycji myszy
function mysz(e) {
    if(ns4 || ns6) {
        x = e.pageX;
        y = e.pageY;
    }
    if(ie) {
        x = document.body.scrollLeft+event.clientX;
        y = document.body.scrollTop+event.clientY;
    }
}

function pokaObrazek(obrazek) {
    
    pozx = x;
    pozy = y;

    rysujObrazek(obrazek);
    
    if(ns6 || ie) {
        document.getElementById('obrazek').style.left = (pozx+100)+'px'; //odleglosc od kursora X
        document.getElementById('obrazek').style.top = (pozy)+'px'; //odleglosc od kursora Y
        document.getElementById('obrazek').style.visibility = 'visible';
    }
}


function hideObrazek(obrazek) {
    if(ns6 || ie)
        document.getElementById('obrazek').style.visibility = 'hidden';
}

function rysujObrazek(obrazek) {

    zrodlo = '<img src="'+obrazek+'"  />';
    
    document.getElementById("obrazek").innerHTML = zrodlo;

}

document.write('<div id="obrazek" style="visibility:hidden;position:absolute;"></div>');
//-->



Efekty na http://cs.sekocin.pl