Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Zoom immagini e centramento

    Salve a tutti, ho trovato questo esempio di Javascript per eseguire lo zoom delle immagini cliccandoci sopra:

    codice:
    <SCRIPT LANGUAGE="JavaScript"> 
    aa=0; 
    bb=0; 
    function prova() 
       { 
       aa=document.images['prima'].height; 
       bb=document.images['prima'].width; 
          document.images['prima'].height=aa*2; 
          document.images['prima'].width=bb*2; 
       } 
    
    </SCRIPT>
    Lo script funziona bene però volevo sapere se è possibile "agiungere" qualcosa per far si che l'immagine oltre a ingrandirsi si "centri" anche nel punto in cui è stato eseguito il click.

    Posso conoscere le coordinate in pixel in cui avviene il click (ho trovato anche uno script che fa questo), ma poi non so come usare queste coordinate per centrare l'immagine.

    Secondo voi posso pensare di far visualizzare l'immagine in un "livello" che poi sposto in base alle coordinate rilevate, oppure è possibile far scrollare l'immagine in qualche altro modo?

    Il mio problema (se poi di problema si tratta) è che l'immagine viene visualizzata all'interno di un "iFrame" e con le barre di scorrimento laterali posso scrollarla come voglio. Mettendo un piano poi non so che succede...

    Che strada percorrere secondo voi?

    GRAZIE
    Il mio ultimo libro:
    Giorni di Follia. Presenze inquietanti a Pescara.
    www.giornidifollia.it

  2. #2
    codice:
     style="position: absolute; left: -100px; top: -100px;"
    Inseriscilo nel tag img.

    I calcoli, te li fai tu!!
    Se avessi voluto risolvere i problemi con la forza, sarei nato Jedi.

  3. #3
    Rapido e indolore...

    Grazie per la dritta!
    Il mio ultimo libro:
    Giorni di Follia. Presenze inquietanti a Pescara.
    www.giornidifollia.it

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.