Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2001
    Messaggi
    61

    Ridimensionare un'immagine usando javascript

    Ciao ragazzi,
    ho un quesito per voi.
    Non conosco javascript, però ho in mente ciò che vorrei fare.
    Potreste codificare la mia idea?

    Io vorrei che se un immagine è di larghezza inferiore o uguale a 200 px, l'immagine mi rimane tale e quale, se invece la larghezza è di 200 px o superiore, mi piacerebbe che l'immagine venga ridimensionata in larghezza fino a 200 px senza che l'aspect ratio ne rimanga intaccato.

    E' possibile ciò?
    E come?

    ciao grazie a tutti!


  2. #2
    Utente di HTML.it
    Registrato dal
    Jul 2001
    Messaggi
    61
    ERRATA CORRIGE:
    "...se invece la larghezza è superiore a 200 px..."

  3. #3
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Ovviamente testato solo su IE... gli altri browser non permettono il ridimensionamento senza ricaricare la pagina (che io sappia )

    codice:
    [img]immagine.gif[/img]200||h>200) if(w>h) {h=h*200/w;w=200} else {w=w*200/h;h=200};this.width=w;this.height=h;">
    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  4. #4
    Utente di HTML.it
    Registrato dal
    Dec 2001
    Messaggi
    3,259
    Originariamente inviato da br1
    Ovviamente testato solo su IE... gli altri browser non permettono il ridimensionamento senza ricaricare la pagina (che io sappia )

    ho fatto un test per un articolo, cliccando su un bottone cambiavo all'immagine classe, e ridefinivo così l'altezza... Opera 6 restava fermo, NN 6 andava, Moz 0.9.6 anche ok

  5. #5
    Utente di HTML.it
    Registrato dal
    Jul 2001
    Messaggi
    61
    Grazie mille!!!


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.