Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 19

Discussione: funzione "scroll"

  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2010
    Messaggi
    107

    funzione "scroll"

    edit by mod

    La ripropongo qui sotto:
    secondo voi, la funzione "scroll" è la migliore per creare uno script dove un'immagine cambia ogni volta che l'utente "scrolla" verso il basso (1 scroll = 1 cambio immagine) oppure ne esistono altre preferibili?

    Quote Originariamente inviata da dani_ajl Visualizza il messaggio
    Ciao a tutti,

    sto provando a implementare uno script che cambi un immagine ogni volta che l'utente "scrolla" verso il basso.

    Credo che la funzione più appropriata sia "Scroll" di Jquery. Voi avete idea di come utilizzarla nel mio caso?

    Grazie
    Ultima modifica di ciro78; 01-05-2016 a 21:03 Motivo: leggere regolamento

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Quote Originariamente inviata da dani_ajl Visualizza il messaggio
    Ciao a tutti,
    edit by mod
    A prescindare dalla lingua forse non era conforme al regolamento interno (molto probabile) o forse non era chiara (abbastanza probabile)
    La ripropongo qui sotto:
    secondo voi, la funzione "scroll" è la migliore per creare uno script dove un'immagine cambia ogni volta che l'utente "scrolla" verso il basso
    Direi che l'unica non mi risultano altri eventi che potresti utilizzare
    (1 scroll = 1 cambio immagine) oppure ne esistono altre preferibili?
    E oggi quanto cambia 1 scroll in pixell? Chi fissa il cambio? Scherzi a parte lo scroll si misura in pixell ogni quanti pixell vuoi che cambi l'immagine? Cosa hai sviluppato finora?
    Ultima modifica di ciro78; 01-05-2016 a 21:10
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Scusa, allora ho letto male il tuo thread precedente:
    Sì, la funzione di scroll è la migliore soluzione al tuo problema.

    Adesso che mi sono rimesso in pari con la comprensione dell' italiano, nel caso nessuno te l'avesse ancora detto il forum non fornisce un servizio di codice a richiesta (e no, io non ti ho chiuso niente)
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  4. #4
    Moderatore di Javascript L'avatar di ciro78
    Registrato dal
    Sep 2000
    residenza
    Napoli
    Messaggi
    8,514
    @dany se hai problemi con i moderatori di sezione puoi scrivere loro in privato senza aprire post polemici. ti invito quindi , per eventuali repliche, a scrivere in privato.

    ho modificato titolo e contenuto del messaggio in modo da darti la possibilità di lasciarlo aperto. hai avuto la risposta che volevi. lo scroll è ok.

    ribadisco che devi leggere il regolamento generale del forum e di sezione.

    sono certo della tua collaborazione

    grazie
    Ciro Marotta - Programmatore JAVA - PHP
    Preferisco un fallimento alle mie condizioni che un successo alle condizioni altrui.


  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2010
    Messaggi
    107
    etid by mod

    per @cavicchiandrea: lo script che avrei creato, che ti posto qui sotto, faceva proprio riferimento a quello che dici tu. Il fatto di aver scritto "1 scroll = 1 immagine" stava a indicare una richiesta di una funzione alternativa che, magari, era in grado di capire la "forza" dello scroll e agire di conseguenza (fanta-programmazione).

    Comunque questo è lo script:

    codice:
    $(document).ready(function()
    {
      var scroll_pos = 0;
      var newImageUrl = "Url_immagine1.jpg";
      $(document).scroll(function()
      {
        scroll_pos = $(this).scrollTop();
        if(scroll_pos > 10) {
          newImageUrl = "Url_immagine2.jpg";
        }
        if(scroll_pos > 20) {
          newImageUrl = "Url_immagine3.jpg";
        }
        if(scroll_pos > 30) {
          newImageUrl = "Url_immagine4.jpg";
        }
        if(scroll_pos > 40) {
          newImageUrl = "Url_immagine5.jpg";
        }
        if(scroll_pos > 50) {
          newImageUrl = "Url_immagine6.jpg";
        }
      }
      $(".div1").attr('src', newImageUrl);
    }
    In HTML invece:
    codice:
    <img src="Url_immagine1.jpg" class="div1" />
    Cosa c'è di sbagliato?
    Ultima modifica di ciro78; 02-05-2016 a 10:47 Motivo: tag code assente

  6. #6
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Io toglierei il ready è assocerei l'evento scroll a window non al document, e fai attenzione ai percorsi js normalmente non ammette percorsi relativi.

    P.S. Il codice meglio postarlo tra i tag [code] [/ code]
    Ultima modifica di cavicchiandrea; 02-05-2016 a 07:11
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  7. #7
    Utente di HTML.it
    Registrato dal
    Sep 2010
    Messaggi
    107
    Quote Originariamente inviata da cavicchiandrea Visualizza il messaggio
    Io toglierei il ready è assocerei l'evento scroll a window non al document, e fai attenzione ai percorsi js normalmente non ammette percorsi relativi.
    Ho provato a togliere "$(document).ready" e a sostituire "$(document).scroll" con "$(window).scroll" ma non funziona lo stesso. Io lo sto provando il locale: come faccio a inserire i percorsi assoluti?

  8. #8
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    I percorsi assoluti dominio/cartella/file.xxxx definisci non funziona l'evento non scatta o cosa? Da errori?
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  9. #9
    Moderatore di Javascript L'avatar di ciro78
    Registrato dal
    Sep 2000
    residenza
    Napoli
    Messaggi
    8,514
    dani come già ti è stato detto più volte usa il tag code per il codice
    Ciro Marotta - Programmatore JAVA - PHP
    Preferisco un fallimento alle mie condizioni che un successo alle condizioni altrui.


  10. #10
    Utente di HTML.it
    Registrato dal
    Sep 2010
    Messaggi
    107
    Errori non ce ne sono.
    Il "non funziona" è relativo al fatto che viene visualizzata solo "immagine1.jpg" e quando faccio lo scroll non succede nulla.

    PS: sto provando lo script in locale e, come URL assoluto, non potendo inserire il dominio, sto usando il percorso completo del file

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.