Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2005
    Messaggi
    1,150

    Come modificare questo codice per lo scroll al load della pagina?

    Ciao a tutti,
    ho prelevato da questo forum uno script che mi permette di effettuare lo scroll delle news, ma solo se con il mouse passo sopra una delle "frecce" poste accanto alle notizie.
    Ovvero con freccia su, scrolla in alto e con freccia giù al contrario.
    L'effetto è a mio avviso splendido e funziona tra l'altro benissimo

    Ma... al cliente non piace in questo modo

    In particolare, mantenendo l'attuale impostazione, vorrebbe che al caricamento della pagina, le news scorressero comunque come avviene, ad esempio, per quelle presenti sulla pagina del corriere.it e al momento che il cursore passa sopra ad una di essere, lo scroll si blocchi.

    Ho provato a modificare in vari modi lo script che posto in fondo, ma visto che non sono una cima in javascript , non ho trovato la soluzione.

    Potete darmi una mano?
    Grazie
    Ciao

    Questo il Codice della pagina .asp/.htm
    codice:
    <div class="container">
           <div id="scrolldiv">
                  ' scrivo le notizie
    	 
           </div>
    </div>
    <div id="scrolldiv__controls">
        <div id="imgup">
               [img]images/menusu.gif[/img]
         </div>
        <div id="imgdown">
               [img]images/menugiu.gif[/img]
         </div>
    						</div>

    Questo il Codice Javascript presente in un file esterno e prelevato da questo forum.
    codice:
    // <![CDATA[
    
    var scrollDiv;
    var hDiv;
    var tClip;
    var bClip;
    var wClip;
    var interval;
    var topPos = 0;
    
    
    
    function initScroller(id) {
        scrollDiv = document.getElementById(id);   
        var margin = parseInt(scrollDiv.offsetTop);
        
        var scrollDiv__controls = document.getElementById(id + '__controls');
    
        /* Style per il div interno (testo) */
        scrollDiv.style.width    = (scrollDiv.parentNode.offsetWidth - (margin * 2)) - 24 + 'px';
        scrollDiv.style.height   = 'auto';
        scrollDiv.style.overflow = 'hidden';
        
        /* Style per il div esterno (contenitore) */
        scrollDiv.parentNode.style.overflow = 'hidden';
        
        /* Style per il div con i controlli (testo) */
        scrollDiv__controls.style.display = 'block';  
    
    
        /* Impostazioni per visualizzare la parte di testo superiore */
        hDiv  = scrollDiv.offsetHeight;
    
        tClip = 0;   
        wClip = scrollDiv.parentNode.offsetWidth - (margin * 2);
        bClip = scrollDiv.parentNode.offsetHeight - (margin * 2);
    
        scrollDiv.style.clip = 'rect('+ tClip +'px,'+ wClip +'px,'+ bClip +'px,0)';   
        // alert("tClip:"+tClip+"\nwClip:"+wClip+"\nbClip:"+bClip+"\n");
    }
    
    function scroll(scrollBy, time) {
        tClip += scrollBy;
        bClip += scrollBy;
        topPos -= scrollBy;
    
        
        if (tClip < 0 || bClip > hDiv) {
            tClip -= scrollBy;
            bClip -= scrollBy;
            topPos += scrollBy;    
        }
        
        
        scrollDiv.style.clip = 'rect('+ tClip +'px, '+ wClip +'px, '+ bClip +'px, 0)';   
        scrollDiv.style.top = topPos + 'px';    
        interval = setTimeout('scroll('+ scrollBy +', '+ time +')', time);
    }
    
    function stopScroll() {
        if (interval) clearTimeout(interval);
    }
    
    // ]]>

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Se le trovi già pronto non è meglio? http://www.dynamicdrive.com/dynamicindex2/cmarquee2.htm
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2005
    Messaggi
    1,150
    Avrei preferito non modificare l'attuale script

    Comunque ora guardo il tuo link e speriamo sia adattabile facilmente alla mia pagina.

    Grazie
    Ciao

    Edit
    Funziona benissimo ed è semplicissimo da implementare.
    Grazie ancora


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.