WebSite X5Help Center

 
Claudio G.
Claudio G.
User

Animazione gif  it

Autore: Claudio G.
Visite 609, Followers 1, Condiviso 0  

Buongiorno  ragazzi,

non ho un poblema da risolvere (per fortuna) ma cerco solo un consiglio da chi è più esperto di me.

Ho realizzato una animazione costruendomi fotogramma x fotogramma (per fortuna non sono molti!) che poi, con apposito programma, ho trasformato in GIF. L'immagine, che metterò nell'header, ha dimensioni piuttosto grandi in quanto misura 900px X 80, mentre le dimensioni finali no superano i 40 kB. AL momento ho fatto alcune prove con WebSite versione 16 (non mi fido ancora a passare alla 17 in quanto leggo di ulteriori malfunzionamenti nonostate la varie patch introdotte) e tutto funzione bene in locale... e arrivo alla domanda.

Al momento non posso ancora mettere on line nulla perchè sono proprio ai primissimi passi quindi, non so se l'uso di una gif animata di tali dimensioni possa creare problemi con alcuni browser (ma non dovrebbe, o sbaglio?. Inoltre, possedendo tutti i singoli fotogrammi, potrei realizzare la stessa animazione in altro formato? Di certo no con gli oggetti tipo galleria di WebSite in quanto i tempi tra fotogramma e fotogramma sonon all'ordine di un decimo di secondo... Grazie per la vosta opinione e parere (l'animazione dura non più di qualche secondo).

Postato il
6 RISPOSTE
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

... per poter valutare dovresti almeno allegare il GifAnim, ...comunque, 40 KB sono un più che ottimo risultato, raro!...

... considera che il GifAnim non deve subire ridimensionamenti da parte del programma, ed essere quindi usato nelle misure native/originali...

... per elasticizzare/adattare il GifAnim si dovrebbe usare l'URL, assoluto, o relativo come allegato, oppure tramite il TAG <IMG> nell'Oggetto HTML...

... per le alternative, penso che non ci sia di meglio che WebAnimator, (per non dire SwishMax/flash)!!! ...oppure, come fatto spesso da me, programmando un semplicissimo slideshow di base, leggerissimo...

... in confronto:

>> GifAnim ... 354 KB

>> jpgJQAnimK ... 80 KB

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Claudio G.
Claudio G.
User
Autore

Grazie KolAsim... ma lo slideshow eventuale come lo realizzo visto che, come scrivevo, ho necessità di utilizzare tempi dell'ordine degli 0,1 max 0,2 secondi? lo slideshow di Website non consente di impostare questi tempi.
Mi sono accorto che devo assolutamnte impostare le dimensioni originali... in caso contrario o la gif non funziona o viene comunque distorta, per quello in fase di realizzazione ho impostato subito le dimensioni con le quali poi avrei utilizzato la gif stessa

Leggi di più
Postato il da Claudio G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

... per evitare problemi con le dimensioni e congelamento del GifAnim devi fare come ti ho anticipato nel 3° capoverso "per elasticizzare...etc..."...

... per lo slideshow EXTRA, semplicissimo,  puoi copiarti (Ctrl+U)  il mio codice jQ, dal rigo nr.6 al nr.25, cioè questo:

<script>$(function(){$('.slideshow img:gt(0)').hide();
setInterval(function(){$('.slideshow :first-child').fadeOut(0).next('img').fadeIn(0).end().appendTo('.slideshow');}, 100);
});</script>
<div class="slideshow"><img src="files/immagine1.jpg"/> <img src="files/immagine2.jpg"/> <img src="files/immagine3.jpg"/></div>

... alleghi le tue immagini al progetto, lasciando "files" come destinazione proposta per default...

... il valore 100 che vedi rappresenta 1/10° di secondo, e che puoi personalizzare;

1000 = a mille millesimi di secondo, cioè = 1 secondo ...

.



Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Claudio G.
Claudio G.
User
Autore

Scusa KolAsim.. mi sfuggono due cose (ignoranza mia). Quali righi intendi da 2 al 25? nel codice che hai messo tu non ci sono così tanti righi. Poi, cosa intendi "lasciando files" sulle immagini? Dove devo mettere i riferimenti a queste immagini affinchè website le carichi sul sito e poi le utilizzi? Grazie

Leggi di più
Postato il da Claudio G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

... le righe 6-25 sono quelle del mio precedente > esempio ... (Ctrl+U) ...

... ma non ti serve perchè ti ho postato già tutto il codice che ti serve, basta fare copia/incolla in un Oggetto Codice HTML che posizionerai nella pagina...

... nello stesso Oggetto Codice HTML nella sezione ESPERTO puoi allegare files al codice con l'opzione:

Aggiungi...:

... in questa fase ti verrà proposta per default la cartella "files", che lascerai invariata per usare il mio codice così com'è, ovviamente se anche le immagini avranno lo stesso nome da me usato nel codice postato, altrimenti e nel caso userai i tuoi nome file dei file img che avrai allegato; ...non hai limiti nella lista delle immagini che puoi aggiungere a cascata nel codice...

... se qualcosa non ti funzionasse, posta il link del tuo esempio su cui stai provando...

.



Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Claudio G.
Claudio G.
User
Autore

Gazie 1000! Come diceva qella vecchia canzone... "se non ci fossi bisognerebbe inventarti"!

Leggi di più
Postato il da Claudio G.