La demo dell'effetto la potete vedere nel Blog Effetto Sfoglia Pagina e per poterlo inserire nel vostro sito dovete seguire le indicazioni del precedente post che adesso riassumo.
Primo passo - Procurarsi due immagini quadrate rispettivamente di 100x100 pixel e di 500x500 pixel. Caricarle su un hosting in cui sia possibile ottenere il link diretto come per esempio ImageShack o Fileden.
Secondo passo - Scaricare il seguente file pageear.txt e personalizzatelo inserendo
// URL zum kleinen Bild / URL to small imagel'URL dell'immagine da 100 pixel
var pagearSmallImg = 'URL immagine 100 pixel.jpg';
// URL zu pageear_s.swf / URL to small pageear swf
var pagearSmallSwf = 'http://www.fileden.com/files/2009/5/6/2432567/pageear_s.swf';
// URL zum großen Bild / URL to big imagel'URL dell'immagine da 500 pixel
var pagearBigImg = 'URL immagine 500 pixel.jpg';
// URL zu pageear_b.swf / URL to big pageear swf
var pagearBigSwf = 'http://www.fileden.com/files/2009/5/6/2432567/pageear_b.swf';
// Zu öffnende URL bei klick auf die geöffnete EckeL'URL del collegamento a cui volete che vada chi clicca sull'immagine sfogliata e inserire new perché si apra in un'altra scheda oppure self affinché si apra in quella corrente.
// URL to open on pageear click
var jumpTo = 'URL del collegamento'
// Öffnet den link im neuen Fenster (new) oder im selben (self)
// Browser target (new) or self (self)
var openLink = 'new';
Se volete che l'Effetto Sfoglia Pagina funzioni sulla sinistra invece che sulla destra inserite lt invece di rt nella seguente porzione di codice
// 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';
Il file così personalizzato, rinominatelo da pageear.txt in pageear.js con il destro del mouse e caricatelo su un servizio che supporta gli script come DropBox, Google Sites o MyDataNest e acquisitene l'URL.
Adesso andate su Layout > Modifica HTML e, dopo aver salvato il modello, cercate la riga </head>, quindi, immediatamente sopra incollate questo codice
<script language='javascript' src='https://dl.getdropbox.com/u/2574553/AC_OETags.js'/>dove avrete incollato l'URL del file che avete appena caricato. Adesso cercate la riga </body> proprio in fondo al modello e, immediatamente prima inserite questo ultimo codice
<script src='URL di pageear.js' type='text/javascript'/>
<!-- PageEar function call -->Salvate il modello e dovreste vedere un effetto identico a quello del blog che ho usato come demo.
<script type="text/javascript"> writeObjects(); </script>
Grande parsifal
RispondiEliminaQuesto script lo stavo cercando da tempo (uno che funzionanne XD)
può esse molto utile al mio blog ^^
Grazie tante ^^
PS: non perdo occasione per dire a te e a tutti i visitatori di dare un'occhiata al mio blog e scrivere dei commentini sul cuntenuto =)
Per andare al mio blog clicca qui
VI ASPETTO ^^
PSS: GRAZIE ANCORA PARSIFAL ^^ E' SEMPRE UN PIACERE LEGGERE IL TUO BLOG ^^
Salve Parsifal e grazie per le informazioni che ci metti a disposizione.
RispondiEliminaIo volevo provare questo sfoglia pagina, ma sto trovando difficolta' a caricare su Sigmirror perche' mi dice che il Js che sto caricando e' un formato che non accetta...HO provato anche con l'altro, dropbox, ma ho scaricato il programma e poi mi sono accorta che non riesco a farlo funzionare! Sono un caso patetico, ma mi daresti una mano?
Grazie.
P.s. In un tuo post sempre legato a questo, c'e' una foto che si puo' ingrandire passando su il mouse, c'e' qualche articolo che descrive come fare?
Grazie ancora
@Juneross
RispondiEliminaCaso patetico? Ma tu neppure ti immagini cosa era il mio blog quando ho iniziato!
Non sapevo neppure come pubblicare un post!
Non ti devi vergognare di chiedere le cose perché tutti siamo e sono stati principianti.
Se questi servizi non ti funzionano prova con MyDataNest oppure con Altervista.
Se hai problemi non preoccuparti a chiedere e, nei limiti del possibile e di quello che ho imparato, ti risponderò certamente.
Ciao
Grazie per la tua risposta.
RispondiEliminasono riuscita ad hostare con mydatanest. Volevo sapere se adesso se il primo link che tu hai inserito va ancora bene , quello da inserire nel template per intenderci.
Grazie per la pazienza :))
@juneross
RispondiEliminaIl link va bene perché l'effetto funziona. Comunque in presenza di due Javascript, per facilitare le operazioni di caricamento della pagina, sarebbe bene che fossero inseriti nello stesso servizio di hosting.
Ti consiglio quindi di andare in questa pagina, selezionare, copiare e salvare in un file tutto il contenuto, rinominarlo come AC_OETags.js, caricarlo su MyDataNest, acquisirne l'URL e sostituirlo a quello di
https://dl.getdropbox.com/u/2574553/AC_OETags.js
Ovviamente puoi anche evitare di farlo. Per quanto riguarda le immagini io le ho caricate su SkyDrive e talvolta c'è qualche difficoltà di visualizzazione, forse è meglio provare qualche altro hosting come ImageShack.
Ciao