Pubblicato il 19/10/09 - aggiornato il  | 5 commenti :

Ripristinato l'effetto Sfoglia Pagina con un codice nuovamente funzionante.

Da qualche giorno l'Effetto Sfoglia Pagina non era più funzionante perché il sito Hotlinkfiles su cui erano caricati gli script è andato in sovraccarico, inoltre anche Skydrive su cui avevo caricato le immagini dà segni di malfunzionamento. Ho quindi caricato gli script su DropBox di cui parlerò in futuro e che offre un'alternativa gratuita per caricare file di tutti i generi.
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 image
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';
l'URL dell'immagine da 100 pixel
// URL zum großen Bild / URL to big image
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';
l'URL dell'immagine da 500 pixel
// Zu öffnende URL bei klick auf die geöffnete Ecke
// 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';
L'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.

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'/>
<script src='URL di pageear.js' type='text/javascript'/>
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
<!-- PageEar function call -->
<script type="text/javascript"> writeObjects(); </script>
Salvate il modello e dovreste vedere un effetto identico a quello del blog che ho usato come demo.


5 commenti :

  1. Grande parsifal

    Questo 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 ^^

    RispondiElimina
  2. Salve Parsifal e grazie per le informazioni che ci metti a disposizione.
    Io 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

    RispondiElimina
  3. @Juneross
    Caso 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

    RispondiElimina
  4. Grazie per la tua risposta.
    sono 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 :))

    RispondiElimina
  5. @juneross
    Il 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

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy