Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 17
  1. #1
    Utente di HTML.it L'avatar di noos
    Registrato dal
    Jul 2003
    Messaggi
    1,001

    immagini in base alla risoluzione video

    ragazzi c'è un modo con javascript
    far caricare determinate immagini in base alla risoluzione video
    cioè

    immagine 1 x la risoluxione 800x600
    immagine 2 x la risoluxione 1024x768
    immagine 3 x la risoluxione 1280x1024


    oppure
    c'è un modo sempre con javascript
    di dire che a tot risoluzione video mi fai vedere
    un pezzi d'immagine
    a tale risoluzione mi fai vedere un altro pezzo

    spero di essermi spiegato

    aiutoooooooooooooo

  2. #2
    ...puoi controllare la risoluzione in questo modo:


    codice:
    Larghezza=screen.width;
    Altezza=screen.height;
    
    Dai risultati ottenti visualizzi l'immagine di pertinenza.
    IMPOSSIBLE IS NOTHING - LOOK BEFORE YOU LEAP !!!

  3. #3
    Utente di HTML.it L'avatar di noos
    Registrato dal
    Jul 2003
    Messaggi
    1,001
    ciao gabcaly

    non ho capito potresti spiegarti meglio?

    grazie 1000

  4. #4
    codice:
    Larghezza=screen.width;
    Altezza=screen.height;
    Con queste funzioni, capisci quanto è larga e alta la risoluzione del monitor. Dopo avere prelevato questi valori, puoi fare un reindirizzamento all'immagine che preferisci attraverso un istruzione if o un case. Per vedere meglio questa cosa, guardati la sezione JavaScript di html.it, sicuramente trovi qualcosa che ti può soddisfare.
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"

  5. #5
    ma se invece ne carichi una sola e con lo zoom la riduci o la ingrandisci in funzione dello spazio che hai a dispo???
    A bombolo ma che te lo dico affà beato te che nun capisci un cazzo!!

  6. #6
    Utente di HTML.it L'avatar di noos
    Registrato dal
    Jul 2003
    Messaggi
    1,001
    il fatto che il sito deve avere 3 risoluzioni
    800x600
    1024x768
    1280x1024

    ho fatto 2 immagini
    la prima va bene x 2 risoluz. 800 e 1024
    ho fatto un'altra x la risoluz. 1280
    in ogni modo lo script non l'ho capito

    aiutooooooooooooooooooooo

  7. #7
    Utente di HTML.it L'avatar di noos
    Registrato dal
    Jul 2003
    Messaggi
    1,001
    nella sez. javascript non ho trovato niente

  8. #8
    Utente di HTML.it L'avatar di noos
    Registrato dal
    Jul 2003
    Messaggi
    1,001
    aiutatemi x favore

  9. #9
    Ciao non temere eccomi !!!

    Al tuo problema ci sono diverse soluzioni.

    Io non sono esperto di javascript e ti assicuro che in pochi giorni sono rimasto affascinato da questo linguaggio.
    Ho preparato questa soluzione a mio avviso valida.
    In pratica con una funzione javascript controllo la risoluzione video; a quel punto con l'utilizzo di una sola immagine vado a variare i parametri larghezza (width) e altezza (heigth) dell'immagine. Ogni immagine deve avere definito all'interno del tag <img name="nome_immagine" ......> un nome univoco che serve alla funzione per localizzarla all'interno del documento.
    Se non utilizzi un <Form> nella funzione javascript devi omettere il nome della Form che in questo caso si chiama "imag".

    Con questo sistema potrai disporre di una sola immagine, ovviamente adatta alla max risoluzione video e giocare sui parametri come in questa funzioncina. E' ovvio che essendo di un prototipo saranno necessari degli adeguamenti per la tua pagina web ! :tongue:
    codice:
    <html>
    <head>
    
    </head>
    
    <script Language="Javascript">
    function Getris() {
     if (screen.width==800 || screen.height==600) {
        document.imag.picture.width=400;
        document.imag.picture.heigth=300;
      }
    }
    </script>
    
    
    <body>
    <form name="imag">
       [img]C:\Documents and Settings\All Users\Documenti\Immagini\Immagini campione\tramonto.jpg[/img]
       <input type="button" value="Riduci" onClick="Getris()">
    </form>
    
    
    </body>
    </html>

    Io ho utilizzato un pulsante per attivare la funzione nel tuo caso sarà necessario una dichiarazione del tipo:

    codice:
    <body onLoad="Getris()">
    in questo modo appena il documento è interamente è caricato la funzione esegue il ridimensionamento adatto alla risoluzione video dell'utente.
    Non so effetivamente quali effetti collaterali potrebbero insorgere: compatibilità fra browsers, o se il documento visualizzi le immagini prima di modificarle. Non ho avuto il tempo per accertarmene.
    Tuttavia ci sono anche altre strade.

    Poi c'è XINOD che è um maghetto degli script !!! :quipy:
    (Br1 credevi mi fossi dimenticato di te ? NOOS c'è anche lui !)

    A volte bisogna invocare i moderatori come i SANTI, e richiamare la loro attenzione, visto che ultimamente tira aria di assenteismo !!! !!!

    Ho utilizzato il blocco note per scrivere questo codice, per cui ho omesso alcuni parametri HTML.
    IMPOSSIBLE IS NOTHING - LOOK BEFORE YOU LEAP !!!

  10. #10
    Utente di HTML.it L'avatar di noos
    Registrato dal
    Jul 2003
    Messaggi
    1,001
    ciao gab
    scusa
    io volevo far caricare l'immagine (sempre in base alla risoluz)
    nell'index.html

    ad esempio ho 3 immagini :
    immagine 1 x la risoluz. 1280x1024
    immagine 2 x la risoluz. 1024zx767
    immagine 3 x la risoluz. 800x600


    ok



    quindi
    se ho la risoluzione impostata ad es. a 1280x1024
    quando carico home page del sito,
    il codice javascript che si trova all'interno
    dell'index.html, mi carica l'immagine
    a seconda della risoluzione che ho impostato
    questo che vorrei fare
    caricare l'immagine dentro l'index.html
    e non prima cioè al di fuori


    vorrei usare solo 1 pagina html
    e cambiale solo le immagini e non cambiare pagina html
    in base alla risoluzione e neppure ridimensionare l'immagine

    aiutami xfavore ciao

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.