Pagina 2 di 2 primaprima 1 2
Visualizzazione dei risultati da 11 a 12 su 12
  1. #11
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    113
    ah ok, grande, ho visto ora il secondo metolo, mi piace di più è uno script più semplice e non mi da quei problemi con gli slash

    puoi rispondere solo alla seconda domanda se vuoi

  2. #12
    Utente di HTML.it L'avatar di carlomarx
    Registrato dal
    Oct 2009
    Messaggi
    1,669
    Boh, guarda, te lo dico sinceramente: di jQuery non ci capisco un'acca. Se intendi usare quel framework devi chiedere aiuto a qualcun altro... Io al massimo posso dirti al volo come realizzarlo in puro javascript....

    codice:
    <!doctype html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Esempio</title>
    <script type="text/javascript">
    (function () {
    	function switchOpacity () {
    		if ((bShow && nCnt + 1 > nFrames) || (!bShow && nCnt < 1) ) {
    			clearInterval(nIntervId);
    			bStill = true;
    			bVisible = bShow;
    			return;
    		}
    		var oStyle = document.getElementById("nav_2").style;
    		if (bShow && nCnt === 0) { oStyle.display = "block"; }
    		if (bShow) { nCnt++; } else { nCnt--; }
    		oStyle.opacity = nCnt / nFrames;
    		if (!bShow && nCnt === 0) { oStyle.display = "none"; }
    	}
    
    	onscroll = function () {
    		var bScrolled = (document.documentElement.scrollTop || document.body.scrollTop) > 1300;
    		if (bVisible === bScrolled) { return; }
    		bShow = bScrolled;
    		if (bStill) {
    			nIntervId = setInterval(switchOpacity, nFRate);
    			bStill = false;
    		}
    	};
    
    	var
    		nIntervId, bStill = bShow = true, bVisible = false, nCnt = 0,
    		nFrames = 8, nFRate = 50;
    })();
    </script>
    <style type="text/css">
    #nav_2 {
       opacity: 0;
       display: none;
       position: fixed;
       width: 300px;
       top: 400px;
       left: 5%;
       text-align: center;
       font-size: 14px;
    }
    </style>
    </head>
    
    <body>
    
    <div id="nav_2">[img]img/handsoverhands.png[/img]
    
    about - contact</p></div>
    
    </body>
    </html>
    La variabile nFrames indica il numero di fotogrammi. La variabile nFRate indica la durata di ogni fotogramma in millisecondi. Puoi modificarle a piacimento...

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 © 2020 vBulletin Solutions, Inc. All rights reserved.