Visualizzazione risultati 1 fino 4 di 4

Discussione: [JS]Ridimensionare banner a seconda della risoluzione

  1. #1
    Guest

    Predefinito [JS]Ridimensionare banner a seconda della risoluzione

    Ciao a tutti
    Qualcuno saprebbe darmi lo script che permette di ridimensionare un'immagine a seconda della risoluzione?
    Grazie in anticipo

  2. #2
    L'avatar di funcool
    funcool non è connesso Utente storico
    Data registrazione
    05-02-2004
    Residenza
    Qui... Non lì, qui!
    Messaggi
    15,433

    Predefinito

    Con screen.width trovi la larghezza della risoluzione e con screen.height l'altezza.

    Per assegnare una nuova larghezza e una nuova altezza a un'immagine puoi fare:
    Codice:
    document.getElementById("immagine").style.width=nuovalarghezza;
    document.getElementById("immagine").style.height=nuovaaltezza;
    L'immagine dovrà avere anche il parametro id che verrà utilizzato in getElementById per selezionare l'immagine.
    In questo caso sarà:
    Codice HTML:
    <img ... id="immagine" />
    Mattia vi manda a FunCool - Matriz - Directory Gogol - Sfondo rosso per la Birmania
    «Tu mi dai fastidio perché ti credi tanto un Dio!» «Bè, dovrò pur prendere un modello a cui ispirarmi, no?» Woody Allen

  3. #3
    Guest

    Predefinito

    Citazione Originalmente inviato da funcool Visualizza messaggio
    Con screen.width trovi la larghezza della risoluzione e con screen.height l'altezza.

    Per assegnare una nuova larghezza e una nuova altezza a un'immagine puoi fare:
    Codice:
    document.getElementById("immagine").style.width=nuovalarghezza;
    document.getElementById("immagine").style.height=nuovaaltezza;
    L'immagine dovrà avere anche il parametro id che verrà utilizzato in getElementById per selezionare l'immagine.
    In questo caso sarà:
    Codice HTML:
    <img ... id="immagine" />
    E l'istruzione completa com'è?
    dovrebbe essere
    Codice:
    <script type="text/javascript">
    document.getElementById("immagine").style.width=nuovalarghezza;
    document.getElementById("immagine").style.height=nuovaaltezza;
    </script>
    Giusto?
    Ah,e su immagine devo metterne l'URL?

  4. #4
    L'avatar di funcool
    funcool non è connesso Utente storico
    Data registrazione
    05-02-2004
    Residenza
    Qui... Non lì, qui!
    Messaggi
    15,433

    Predefinito

    Inserisci l'immagine normalmente e gli aggiungi l'id. Nel codice, naturalmente, devi modificare nuovalarghezza e nuovaaltezza con il valore della larghezze e dell'altezza che vuoi avere.
    Mattia vi manda a FunCool - Matriz - Directory Gogol - Sfondo rosso per la Birmania
    «Tu mi dai fastidio perché ti credi tanto un Dio!» «Bè, dovrò pur prendere un modello a cui ispirarmi, no?» Woody Allen

Regole di scrittura

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