Visualizzazione risultati 1 fino 3 di 3

Discussione: posizione dei bottoni per zoom

  1. #1
    Guest

    Predefinito posizione dei bottoni per zoom

    Ciao a tutti,
    vi pongo il problema che mi sta assillando in questi giorni. Ho trovato uno script semplice semplice per fare lo zoom su immagine, vi copio lo script, magari puo' servire a qualcun'altro
    <img src="INDIRIZZO IMMAGINE" id="foto" name="foto"></p>
    <script language="javascript">
    <!--
    // Recupero la larghezza dell''immagine utilizzando il name
    var dimensioni = document.foto.style.width;

    // Imposto la larghezza a 200 pixel
    dimensioni = 200;

    // Imposto lo zoom per 10 pixel
    var aumenta = 10;

    function ZoomIn()
    {
    // Aumento le dimensioni dell''immagine e reimposto la variabile di riferimento
    foto.style.width = dimensioni + aumenta;
    dimensioni += aumenta;
    }

    function ZoomOut()
    {
    // Diminuisco le dimensioni dell''immagine e reimposto la variabile di riferimento
    foto.style.width = dimensioni - aumenta;
    dimensioni -= aumenta;
    }
    //-->
    </script>

    <p align="center">
    <style="position:absolute">
    <input type="button" value="Zoom +" onclick="ZoomIn()">
    <input type="button" value="Zoom -" onclick="ZoomOut()">
    </p>

    Ora vi dico cosa vorrei fare. Lo zoom funziona con due bottoni ZOOM+ e ZOOM- che rimangono centrati sul fondo della pagina indipendentemente dallo zoom (grazie a <p align="center"> suppongo), io vorrei che la loro posizione rimanesse fissa indipendentemente dallo scrolling della pagina. Cerco di spiegarmi meglio. Immaginate di usare la pagina ridotta a finestra piccola, zoommando e facendo lo scrolling della pagina i tasti ovviamente spariscono. Io vorrei invece che rimanessero sempre in vista, indipendentemente dai movimenti della figura che dovrebbe scorrere sotto di essi.
    Spero di essermi spiegato in maniera decente.
    Ciao.
    Egidio
    Ultima modifica di Egi : 10-01-2005 alle ore 00.16.57

  2. #2
    Guest

    Predefinito

    Codice:
    <div align="center" style="position:absolute;top:0;left:0">
    <input type="button" value="Zoom +" onclick="ZoomIn()">
    <input type="button" value="Zoom -" onclick="ZoomOut()">
    </div>
    In questo modo i bottoni rimangono fissi in alto nella finestra.
    Metterli in basso e' un po' piu' complicato perche' richiede un pezzo di codice javascript (per esempio) che riposizioni il DIV ad ogni ridimensionamento della finestra. Si puo' fare, con un po' di pazienza...

  3. #3
    Guest

    Predefinito

    Citazione Originalmente inviato da giannidm
    Codice:
    <div align="center" style="position:absolute;top:0;left:0">
    <input type="button" value="Zoom +" onclick="ZoomIn()">
    <input type="button" value="Zoom -" onclick="ZoomOut()">
    </div>
    In questo modo i bottoni rimangono fissi in alto nella finestra.
    Metterli in basso e' un po' piu' complicato perche' richiede un pezzo di codice javascript (per esempio) che riposizioni il DIV ad ogni ridimensionamento della finestra. Si puo' fare, con un po' di pazienza...
    Ti ringrazio, penso proprio che cio' che mi serve sia quest'ultima cosa che ha scritto, la pazienza non mi manca, mi mancano le conoscenze purtroppo. Qualcuno mi sa indicare un sito che utilizzi questa funzione in modo che mi possa studiare lo script?

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •