0
Inserire effetto sfoglia pagina
Posted by Meine
on
03:12
in
programmazione
Salve ora vediamo uno script che ci permette di inserire l'effetto sfoglia pagina che tanto piace a tutti...
Per chi non avesse capito mi riferisco a questa immagine sotto:
e 500x500
A questo punto modifichiamo lo script che scarichiamo in questa pagina
una volta fatto apriamolo (pageear.txt) con un editor files testo tipo notepad.
ora modifichiamo alcune stringhe:
dove vedete la stringa BLU dovete inserire il vostro link dell'immagine 100x100 che avete caricato sul web.
stessa cosa dovete fare sotto:
mentre qua dovete inserire L'URL del collegamento che volete far aprire al click col mouse:
new: se lasciate cosi si aprirà in una nuova finestra, se invece volete aprirlo nella stessa pagina dovete sostituire "new" con "self"
adesso scegliamo la posizione che deve avere il nostro "Sfoglia"
Ora dobbiamo rinominare il files pageear.txt in pageear.js e caricarlo su un host files come hotlink files oppure
DROPBOX: dovete registrarvi e scaricare il loro programma dopodichè dal vostro PC trascinate il files nella cartella PUBLIC, dal sito web loggatevi e col tasto destro copiatevi il LINK diretto!
ora che avete il link diretto va posizionato all'internodel blog
Andiamo su layout---modifica HTML e prima del tag di chiusura incolliamo e salviamo:
Per chi non avesse capito mi riferisco a questa immagine sotto:
La procedura è lunga ma se la seguite passo passo sarà semplice:
Per prima cosa creiamo e carichiamo sul web due immagini da 100x100 px e
1)dovrete caricare 2 immagini su 2 host tipo imageshack
2)registrarvi a dropbox oppure hostfiles per il link diretto
3)modificare un files e rinominarlo
e 500x500
A questo punto modifichiamo lo script che scarichiamo in questa pagina
una volta fatto apriamolo (pageear.txt) con un editor files testo tipo notepad.
ora modifichiamo alcune stringhe:
/*
* Konfiguration / Configuration
*/
// URL zum kleinen Bild / URL to small image
var pagearSmallImg = 'URL_Immagine_100pixel';
// URL zu pageear_s.swf / URL to small pageear swf
var pagearSmallSwf = 'http://www.hotlinkfiles.com/files/2780723_eogbc/pageear_s_1.swf';
dove vedete la stringa BLU dovete inserire il vostro link dell'immagine 100x100 che avete caricato sul web.
stessa cosa dovete fare sotto:
// URL zum großen Bild / URL to big image
var pagearBigImg = 'URL_Immagine_500pixel';
// URL zu pageear_b.swf / URL to big pageear swf
var pagearBigSwf = 'http://www.hotlinkfiles.com/files/2780721_sj4yd/pageear_b_1.swf';
mentre qua dovete inserire L'URL del collegamento che volete far aprire al click col mouse:
// URL to open on pageear click
var jumpTo = 'URL_Pagina_Collegamento'
// Öffnet den link im neuen Fenster (new) oder im selben (self)
// Browser target (new) or self (self)
var openLink = 'new';
new: se lasciate cosi si aprirà in una nuova finestra, se invece volete aprirlo nella stessa pagina dovete sostituire "new" con "self"
adesso scegliamo la posizione che deve avere il nostro "Sfoglia"
rt=destra Lt=sinistra
// Ecke in der das Pagepeel erscheinen soll (lt: linke obere Ecke | rt: rechte obere Ecke )
// Set direction of pageear in left or right top browser corner (lt: left | rt: right )
var setDirection = 'rt';
Ora dobbiamo rinominare il files pageear.txt in pageear.js e caricarlo su un host files come hotlink files oppure
DROPBOX: dovete registrarvi e scaricare il loro programma dopodichè dal vostro PC trascinate il files nella cartella PUBLIC, dal sito web loggatevi e col tasto destro copiatevi il LINK diretto!
ora che avete il link diretto va posizionato all'internodel blog
Andiamo su layout---modifica HTML e prima del tag di chiusura incolliamo e salviamo:
Posta un commento