Forum » Javascript » [JS] foto zoom

  1. Fifa06

    Ik wil graag dmv javascript inzoomen op een foto, dus bijv. deze foto:

    En bijvoorbeeld als de muis bij het voorwiel is, een div van 100 x 100px met het voorwiel op ware grote (de full sized image).

    Hoe kan ik dit doen?
    soort van voorbeeld:

    De div staat nu dus nog op de verkeerde plek, en de full sized afbeelding zit er nog niet in...

    -edit-
    positie is goed en afbeelding zit erin, maar de full sized blijft fixed staan, dus overal is hetzelfde te zien...

    Bewerkt door Fifa06 op za 13-03-2010 om 17:55
    za 13-03-2010 om 17:07
Reacties (6)

Reageren
  1. Christan

    Zoiets?

    Er is een gratis trial beschikbaar en anders moet je maar even in de broncode snuffelen.

    za 13-03-2010 om 18:08
  2. Fifa06

    Quote: christan

    Zoiets?

    Er is een gratis trial beschikbaar en anders moet je maar even in de broncode snuffelen.

    Bijna, ik wil het zeg maar in de afbeelding zelf, als je op de eerder gegeven link klikt...

    za 13-03-2010 om 18:44
  3. Jeroenz0r

    Heb even de voorbeeld site (die niet in FireFox werkt) bekeken.

    Code
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    
    function zoom(img){
        document.getElementById(\'fotoLarge\').onmousemove = function(e){
            var e = (window.event) ? window.event : e;
            var mouseX = e.clientX
            var mouseY = e.clientY;
            var zoom = document.getElementById(\'zoom\');
            zoom.style.marginLeft = (mouseX + 0) + \"px\";
            zoom.style.marginTop = (mouseY  + 10) + \"px\";
            zoom.innerHTML = \'<img src=\"img/\' + img + \'.jpg\"/>\';
        }
    }

    en dan op de main pagina staat nog even
    Code
    1
    
    <div id=\"zoom\"></div>

    en in de IMG tag staat
    Code
    1
    
    onmouseover=\"zoom(1);\"

    Bewerkt door Jeroenz0r op za 13-03-2010 om 23:03
    za 13-03-2010 om 22:53
  4. Sarvice

    Quote: jeroenz0r

    Heb even de voorbeeld site (die niet in FireFox werkt) bekeken.

    [..]en dan op de main pagina staat nog even[..]en in de IMG tag staat [..]

    werkt prima in firefox ?



    Join the Army, see the world, meet interesting people - and kill them.
    zo 14-03-2010 om 01:29
  5. Jeroenz0r

    Quote
    -
    edit-
    positie is goed en afbeelding zit erin, maar de full sized blijft fixed staan, dus overal is hetzelfde te zien...


    Dat heb ik dus ook. Hij blijft bij de eerste 100x100.

    zo 14-03-2010 om 11:10
  6. Jooncheez

    Quote: jeroenz0r

    [..]

    Dat heb ik dus ook. Hij blijft bij de eerste 100x100.

    Heb ik hier ook in Chrome, die voorbeeld site werkt dus niet helemaal.

    zo 14-03-2010 om 16:25
Reageren