Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Scroll Orizzontale

  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2004
    Messaggi
    42

    Scroll Orizzontale

    Ciao a tutti,

    volevo realizzare uno scroll semplice ma fluido come il seguente:

    http://www.un.titled.co.uk/?#featured

    Non dovrebbe essere difficile, aiutoo
    Boss One

  2. #2
    ti crei un clip "container" che contiene appunto le foto, lo posizioni in _x = 0

    ti crei una barra (clip) lunga quanto lo stage 550 alta 12 e la istanzi "fondo"
    ti crei una baretta (clip) lunga 55 alta 12 e la istanzi "fader"

    sovrapponi esattamente "fader" a "fondo" selezioni tutti e 2 e F8 converti in clip istanziato "scroller"

    posizioni scroller in _x = 0

    poi attacchi il seguente codice
    codice:
    barra = this.scroller;
    barretta = this.scroller.fader;
    clip = this.container;
    limite = barra._width-barretta._width;
    
    
    function scrolling() {	
    	if (scroll) {		
    		barretta.onEnterFrame = function() {
    			posX = Math.round(-(barretta._x*(clip._width-limite)/limite));
    			spostamento = Math.round((posX-clip._x)/3);
    			clip._x += (spostamento+3);
    		};	
    	} else {
    		delete barretta.onEnterFrame;
    	}
    }
    barretta.onPress = function() {	
    	this.startDrag(false, 0, 0, limite, 0);	
    	scroll = true;	
    	scrolling();
    };
    barretta.onRelease=barretta.onReleaseOutside = function() {
    	this.stopDrag();	
    	scroll = false;
    };
    ed ottieni
    http://www.rempox.it/forum/scroller_oriz/scroller.html

    Ciao

  3. #3
    Scusa se sono all'antica .... ma un crepa! Andava bene lo stesso.

    Se non altro per sapere se sei riuscito a svilupparlo.

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2008
    Messaggi
    1
    Ciao,

    Sto lottando con questo per un istante.

    Persino sto osservando qui anche se sono inglese!

    Potreste fornire l'archivio sorgente del vostro esempio?

    Sono molto gratefull.

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.