Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 14
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2000
    Messaggi
    303

    invertire movimento immagini

    ciao a tutti,
    ho questo codice che mi crea una sorta di nevicata sopra alla homepage... come potrei fare per invertire il senso e fare andare le immagini dal basso verso l'alto? Ho provato a modificare qualche variabile ma non riesco a venirne a capo

    grazie a tutti... il codice è il seguente:

    Codice PHP:
    <script type="text/javascript">

      
    //Configure below to change URL path to the snow image
      
    var snowsrc="^GEMDIR/snow.gif"
      
    // Configure below to change number of snow to render
      
    var no 20;
      
    // Configure whether snow should disappear after x seconds (0=never):
      
    var hidesnowtime 0;
      
    // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
      
    var snowdistance "pageheight";

    ///////////Stop Config//////////////////////////////////

      
    var ie4up = (document.all) ? 0;
      var 
    ns6up = (document.getElementById&&!document.all) ? 0;

         function 
    iecompattest(){
         return (
    document.compatMode && document.compatMode!="BackCompat")? document.documentElement document.body
         
    }

      var 
    dxxpyp;    // coordinate and position variables
      
    var amstxsty;  // amplitude and step variables
      
    var idoc_width 800doc_height 600;

      if (
    ns6up) {
        
    doc_width self.innerWidth;
        
    doc_height self.innerHeight;
      } else if (
    ie4up) {
        
    doc_width iecompattest().clientWidth;
        
    doc_height iecompattest().clientHeight;
      }

      
    dx = new Array();
      
    xp = new Array();
      
    yp = new Array();
      
    am = new Array();
      
    stx = new Array();
      
    sty = new Array();
      
    snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" snowsrc
      
    for (0no; ++ i) {  
        
    dx[i] = 0;                        // set coordinate variables
        
    xp[i] = Math.random()*(doc_width-50);  // set position variables
        
    yp[i] = Math.random()*doc_height;
        
    am[i] = Math.random()*20;         // set amplitude variables
        
    stx[i] = 0.02 Math.random()/10// set step variables
        
    sty[i] = 0.7 Math.random();     // set step variables
             
    if (ie4up||ns6up) {
          if (
    == 0) {
            
    document.write("<div id=\"dot"+"\" style=\"POSITION: absolute; Z-INDEX: "+"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\">[img]"+snowsrc+"[/img]<\/a><\/div>");
          } else {
            
    document.write("<div id=\"dot"+"\" style=\"POSITION: absolute; Z-INDEX: "+"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\">[img]"+snowsrc+"[/img]<\/div>");
          }
        }
      }

      function 
    snowIE_NS6() {  // IE and NS6 main animation function
        
    doc_width ns6up?window.innerWidth-10 iecompattest().clientWidth-10;
            
    doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight iecompattest().offsetHeight;
        for (
    0no; ++ i) {  // iterate for every dot
          
    yp[i] += sty[i];
          if (
    yp[i] > doc_height-50) {
            
    xp[i] = Math.random()*(doc_width-am[i]-30);
            
    yp[i] = 0;
            
    stx[i] = 0.02 Math.random()/10;
            
    sty[i] = 0.7 Math.random();
          }
          
    dx[i] += stx[i];
          
    document.getElementById("dot"+i).style.top=yp[i]+"px";
          
    document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";  
        }
        
    snowtimer=setTimeout("snowIE_NS6()"10);
      }

        function 
    hidesnow(){
            if (
    window.snowtimerclearTimeout(snowtimer)
            for (
    i=0i<noi++) document.getElementById("dot"+i).style.visibility="hidden"
        
    }
            
    if (
    ie4up||ns6up){
        
    snowIE_NS6();
            if (
    hidesnowtime>0)
            
    setTimeout("hidesnow()"hidesnowtime*1000)
            }

    </script> 

  2. #2
    Utente di HTML.it
    Registrato dal
    Aug 2000
    Messaggi
    303
    nulla? ho provato a fare qualche modifica allo script ed effettivamente il moto cambia ma va a finire che 3 salgono ed escono mentre gli altri continuano a scendere


  3. #3
    Utente di HTML.it L'avatar di linoma
    Registrato dal
    Mar 2010
    Messaggi
    1,346
    prova a moltilicare per -1 questa riga

    codice:
    sty[i] = (0.7 + Math.random()) * -1;
    Per gli Spartani e Sparta usa spartan Il mio github

  4. #4
    Utente di HTML.it
    Registrato dal
    Aug 2000
    Messaggi
    303
    Provato ma come prima... 2 o 3 salgono (lentissimi) mentre gli altri continuano a scendere in abbondanza...

  5. #5
    Utente di HTML.it L'avatar di linoma
    Registrato dal
    Mar 2010
    Messaggi
    1,346
    Ce questa riga che sembra sbagliata

    codice:
    yp[i] = 0;
    remmala. Ma poi la neve?

    Questo il mio codice, solo xche ho perso il bigliettino cn l'IBAN sia chiaro

    codice:
    	var snowsrc="/images/divs.png"
    	var no = 20;
    	var hidesnowtime = 0;
    	var snowdistance = "pageheight";
    	var ie4up = (document.all) ? 1 : 0;
    	var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
    	
    	function iecompattest(){
    		return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    	}
    
    	var dx, xp, yp;    // coordinate and position variables
    	var am, stx, sty;  // amplitude and step variables
    	var i, doc_width = 800, doc_height = 600;
    
    	if (ns6up) {
    		doc_width = self.innerWidth;
    		doc_height = self.innerHeight;
    	} else if (ie4up) {
    		doc_width = iecompattest().clientWidth;
    		doc_height = iecompattest().clientHeight;
    	}
    
    	dx = new Array();
    	xp = new Array();
    	yp = new Array();
    	am = new Array();
    	stx = new Array();
    	sty = new Array();
    	snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
    	for (i = 0; i < no; ++ i) {  
    		dx[i] = 0;                        // set coordinate variables
    		xp[i] = Math.random()*(doc_width-50);  // set position variables
    		yp[i] = Math.random() * doc_height;
    		am[i] = Math.random()*20;         // set amplitude variables
    		stx[i] = 0.02 + Math.random()/10; // set step variables
    		sty[i] = (0.7 + Math.random()) * -1.0;     // set step variables
    		if (ie4up||ns6up) {
    			if (i == 0) {
    				document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\">[img]"+snowsrc+"[/img]</a></div>");
    			} 
    			else {
    				document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\">[img]"+snowsrc+"[/img]</div>");
    			}
    		}
    	}
    
    	function snowIE_NS6() {  // IE and NS6 main animation function
    		doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
    		doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
    		for (i = 0; i < no; ++ i) {  // iterate for every dot
    			yp[i] += sty[i];
    			if (yp[i] > 50) {
    				xp[i] = Math.random()*(doc_width-am[i]-30);
    				//yp[i] = 0;
    				stx[i] = 0.02 + Math.random( )/ 10.0;
    				sty[i] = (0.7 + Math.random()) * -1.0;
    			}
    			dx[i] += stx[i];
    			document.getElementById("dot"+i).style.top = yp[i]+"px";
    			document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";  
    		}
    		snowtimer=setTimeout("snowIE_NS6()", 10);
    	}
    
        function hidesnow(){
            if (window.snowtimer) 
    			clearTimeout(snowtimer)
            for (i=0; i<no; i++) 
    			document.getElementById("dot"+i).style.visibility="hidden"
        }
            
    	if (ie4up||ns6up){
    		snowIE_NS6();
    		if (hidesnowtime>0)
    			setTimeout("hidesnow()", hidesnowtime*1000)
    	}
    Per gli Spartani e Sparta usa spartan Il mio github

  6. #6
    Utente di HTML.it
    Registrato dal
    Aug 2000
    Messaggi
    303
    provato in tutti e 2 i modi... cambia il moto ma è sempre verso il basso...


  7. #7
    Utente di HTML.it L'avatar di linoma
    Registrato dal
    Mar 2010
    Messaggi
    1,346
    a me funziona, salgono verso l'alto, per poi scomparire pensa funziona su ie6. Hai un monitor a tubo?
    Per gli Spartani e Sparta usa spartan Il mio github

  8. #8
    Utente di HTML.it
    Registrato dal
    Aug 2000
    Messaggi
    303
    Monitor LCD... con chrome verso il basso, con IE6 si muovono velocemente in orizzontale in modo caotico...

  9. #9
    Utente di HTML.it L'avatar di linoma
    Registrato dal
    Mar 2010
    Messaggi
    1,346
    Che dirti a me ce ne sn tanti che caoticamente si muovono verso l'alto e altri + lentamente salgo verso l'alto. Provato su FF11 Chrome ed ie6. Ma stai usando il codice che ti ho incollato io?
    Per gli Spartani e Sparta usa spartan Il mio github

  10. #10
    Utente di HTML.it
    Registrato dal
    Aug 2000
    Messaggi
    303
    sì, ho usato il codice che mi hai incollato... non è che stiamo usando 2 codici diversi?

    preciso,

    con chrome, FF e IE6:

    alcuni salgono lenti (come dovrebbe essere) mentre gran parte si muovono velocissimi in orizzontale e in modo disordinato e intanto salgono, alla fine sparisce tutto...

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.