Visualizzazione dei risultati da 1 a 10 su 19

Discussione: funzione "scroll"

Visualizzazione discussione

  1. #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

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.