Di seguito spiegheremo come creare l’effetto sfoglia pagina all’interno di qualsiasi sito o blog. Si tratta di un’animazione flash che crea un effetto come quello di una pagina sfogliata. Questo apparirà negli angoli del sito, in base alle nostre impostazioni.
Per cominciare creiamo 2 immagini JPEG. Una da 500 x 500 pixel che comparirà dopo aver sfogliato la pagina, e la seconda da 100 x 100 pixel, che comparirà nell’angolino prima che la pagina venga sfogliata. Dopo averle create carichiamole su un servizio di hosting online come Picasa. Dopo averle caricate online, copiamo il loro link URL. Intanto inseriamo il seguente codice subito dopo il tag <head>:
<script src='http://j.mp/4GATWV' type='text/javascript'> </script>
<script type='text/javascript'>
var pagearSmallImg = 'URL 100x100 pixel';
var pagearBigImg = 'URL 500x500 pixel';
var jumpTo = 'URL link destinazione';
var setDirection = 'rt';
</script><script src='http://j.mp/gjEtb' type='text/javascript'></script>
Sostituire le parti evidenziate con gli indirizzi delle immagini, e l’indirizzo della pagina dove vogliamo che conduca la pagina sfogliata.
La parte var setDirection, indica la posizione della pagina sfogliata. Con rt inserito verrà messa a destra, mentre se inseriamo lt verrà visualizzato a sinistra.
Il codice dovrà essere inserito subito dopo la sezione </body>:<script type='text/javascript'> writeObjects(); </script>
Nessun commento:
Posta un commento