Sfogliare un catalogo. Come?
Autore: Saverio V.
Visite 3551,
Followers 2,
Condiviso 0
Mi piacerebbe inserire nel mio sito un bottone atto ad aprire una nuova pagina in cui si sfoglia il nostro volantino prodotti. Per capire bene la cosa ho allegato una foto di un sito dove la prima è la pagina con il bottone e la seconda è la pagina in cui si può sfogliare il catalogo. E' possibile con WSX5-9EV? Grazie Saverio V.
Postato il
certo che è possibile di esempi ce ne sono tanti in rete, al bottone assegni il collegamento ad una pagina di ws dove hai implementato il volantino, questo potrebbe esser uno:
https://github.com/blasten/turn.js
ciao
un esempio di come funziona puoi vedere nel nostro sito:
http://www.lunperlaltro.it/magazine/n2-2013/index.php
Provato con ipad non funzia però....trovi volantini sfogliabili anche in html5, che funziano su tutti i monitor....
Autore
http://www.lunperlaltro.it/magazine/n2-2013/index.php
non mi sembra che funziona, è tutto fermo.
Invece di questo https://github.com/blasten/turn.js non ho capito un granchè di come usarlo.
Ancora: Ma devo creare una nuova pagina nel menu in cui metterci il volantino? o viene fatto diversamente?
Scusatemi ma sto imparamdo un po alla volta e tutto in tempo reale.
SV
ciao mirko, con ipad non so se funziona, ma per il resto si, lo apro anche con il telefonino android sul quale, invece di trascinare l'angolo per sfogliare, basta cliccare sull'angolo delle pagine per voltare pagina.
@saverio: è tutto fermo perchè per sfogliare pagina devi cliccare sull'angolo in basso o in alto a dx nella prima pagina e nelle altre ai quattro angoli...
Certo che devi creare una nuova pagina in cui integrare il plug-in "turn.js", che è anche abbastanza semplice fare. Vedi se, come suggerito da mirko in rete c'è qualcos'altro che ti soddisfa di più, altrimenti se vuoi possiamo provare a farti integrare questo. Fammi sapere. Ciao
@Antonio:
rettifico...funzia anche su ipad...ero io che non facevo giusto....
grazie mirko, così anche i nostri soci che hanno queste periferiche, lo potranno sfogliare.
Autore
Proviamo a integrare il plug-in "turn.js"
Da dove inizio?
Ciao, provo ad allegarti un piccolo promemoria.
buon lavoro
Autore
Grazie Antonio del tuo aiuto. Gli ho dato una scorsa, mi sembra ottimo, ma ci devo dedicare del tempo per farlo.
Appena mi libero un po mi ci metto e ti faccio sapere.
Saluti
Autore
Ho un problema perchè non capisco come conoscere la dimensione delle pagine del mio pdf e quindi che valore sostituire nel file index.html.
Ancora non capisco se la seconda e terza pagina, visualizzabili quindi insieme, le devo creare io o lo fa il programma, e quindi mettere la somma delle dimensioni delle due pagine.
Grazie anticipatamente
Saverio
per quanto riguarda la dimensione delle pagine, il pdf lo hai creato con una applicazione, a cui avrai dato delle misure per creare la pagina (naturalmente le misure le devi trasformare in pixel se diverse), quindi puoi ricavarle da li, oppure una volta creato il pdf vai in proprietà del documento e le leggi li (anche se nel pdf spesso si trovano in pollici). Le pagine affiancate le crea il plug-in, quindi tu devi mettere il doppio valore orizzontale.
Una annotazione, non ricordo se il pdf che tu crei intero (tutte le pagine in un file) sia utilizzabile o bisogna avere file separati per ogni pagina.
Comunque io ho optato per l'ulizzazione di immagini jpg ripulite dei tag inutili (aperte con acdsee e risalvate senza fare nessuna modifica) per renderle più leggere, in quanto a me serviva una risoluzione buona, altrimenti il testo era illeggibile e con il pdf non andava bene.
Ciao Saverio, se ti occorre sono qui . . .
Autore
Penso di si.
Ho fatto la procedura che mi hai indicato ma non si apre niente.
Il file index come lo creo per il mio volantino?
Uso quello di magazine?
Dovrebbe dalla cartella aprirsi il file index e farmi sfogliare le pagine in anteprima prima di trasferirle?
Saluti
Autore
Se mi dici cosa devo inviarti è possibile che mi sistemi tu questi file e e quello che si deve scrivere all'interno del l'index?
allora ti allego un mio esempio con la struttura (farò riferimento a quello che ti mando) che dovrai ricreare per far funzionare tutto in anteprima e poi sul server:
1) cartella principale "turn" dove ci sono i file .js;
2) all'interno di "turn" la cartella "magazine" dove c'è il file index.html e la cartella "pages"
3) cartella "pages" al cui interno ci sono le pagine da visualizzare (in questo caso immagini jpg).
Ora non devi fare altro che creare le pagine (io ti suggerisco immagini jpg), vedi che formato sono (nel mio esempio la misura della doppia pagina è 1004x750), ed eventualmente cambia i valori all'interno del file index.html aprendolo con un editor html, cambia i nomi delle pagine che troverai numerate "pages/n1.jpg".
P.S. - Non posso mandarti tutte le pagine presenti nel file index.html altrimenti il file viene superiore a 1MB e non me lo farebbe inviare, quindi ci troverai solo le prime due pagine. Spero di essere stato abbastanza comprensibile.
ciao
Autore
vediamo
grazie
Autore
allora
la tua pagina è 1004 larghezza, 1477 altezza.
Ma mi dici: vedi che formato sono (nel mio esempio la misura della doppia pagina è 1004x750),
Non dovrebbe essere 2008x1477?
A parte questo, devo solo sostituire il nome dell'immagine da n1 a xxx.jpg giusto?
Ancora: Dato che il mio volantino ha solo 4 pagine devo eliminare le righe che si riferiscono dalla 5 alla 32esima pagina?
Ti allego la mia cartella vedi un po.
ma non me la fa inviare peso 704kb in zip, mah.
Ciao
scusa saverio, ma non mi ricordavo bene come avevo fatto i conteggi... è passato un po' di tempo . . .
le mie immagini sono 1004x1477 e così andremmo fuori dallo schermo, quindi ho calcolato di visualizzarle a metà dimensione (502x750) all'interno di index.html per farle entrare nello schermo (distorcendo un pochino la misura verticale, ma da me non si nota); (quindi la orizzontale deve essere la somma delle due pagine (1004) e quella verticale di una pag., il plug-in poi si comporta di conseguenza ridimensionandole alle misure impostate);
si tu devi cambiare il nome alle immagini da n1.jpg in poi (se te ne servono solo 4 togli le altre righe).
Spero ogni volta di non incasinarti le idee. Se vuoi mandarmi la tua cartella, puoi andare nel sito presente nel mio profilo (clik sul mio avatar) e nella sezione contatti (sul timbro postale o sull'impronta rossa in basso) mi puoi inviare il file zippato.
ciao
Autore
file inviato
Che te possino, Saverio . . .
nel file index hai messo "1.jpg", "2.jpg", ecc. e i file sono "1.png", "2.png" . . . e quando le visualizzavi?
Per le altre cose ti scrivo in privato. Ciao.