Ad Expando

Etichette

lunedì 6 settembre 2010

effetto sfoglia pagina

Per inserire quest'effetto dovrete effettuare delle operazioni alquanto semplici.

Prima di tutto vanno create due immagini in formato JPEG. La prima di dimensioni pari a 500px x 500px (comparirà dopo aver sfogliato la pagina) mentre la seconda di 100px x 100px (comparirà nell'angolino prima di sfogliare la pagina).

Una volta create, dovrete hostarle su un server per riceverne il link diretto.

Avrete cosi completato la prima parte del procedimento.

Ora, inserite queste poche righe subito dopo il tag <head>  della vostra struttura.

<script src='http://j.mp/4GATWV' type='text/javascript'> </script>
<script type='text/javascript'>
var pagearSmallImg = 'indirizzo dell'immagine 100x100 formato jpeg'; 
var pagearBigImg = 'indirizzo dell'immagine 500x500 formato jpeg';
var jumpTo = 'link di destinazione';
var setDirection = 'rt';
</script><script src='http://j.mp/gjEtb' type='text/javascript'></script>


Affinchè tutto funzioni, non dimenticate di editare i campi "var pagearSmallImg", "var pagearBigImg", "var jumpTo", nel modo suggerito.

Il campo "var setDirection" indica la posizione dello script. Inserendo "rt" verrà visualizzato a destra mentre "lt" a sinistra.

Per completare l'operazione, vi basterà inserire lo script qui proposto, subito prima della parte </body>.

<script type='text/javascript'> writeObjects(); </script>

Salvate il tutto ed avrete anche voi uno stupendo effetto sfoglia pagina!

Se non avete capito bene,chiedetemelo a me.

Nessun commento:

Posta un commento

Related Posts with Thumbnails