[RISOLTO] gestione animazione gif logo

[marc222]

Ciao, sono nuovo sia del forum che di joomla!

ho iniziato a personalizzare il template, ed ho inserito una animazione .gif nel logo del mio sito.
Ho però un problema che non so risolvere. Allora adesso l'animazione .gif viene avviata in automatico, praticamente viene letta, finisce e riinizia da capo e così via.
Vorrei però che l'animazione riiniziasse dopo 3 o 4 secondi, perchè nell'ultimo fotogramma si vede il nome del sito.
Cosa devo inserire nei file in css o php o bo?!!!

Grazie

[marc222]

Scusate ma ho risposto con il messaggio scritto sopra al topic:

testata sballata [RISOLTO]

poi ho reputato meglio aprirne uno nuovo.
ho fatto un po di confusione

[adottauncane]

Credevo volessi togliere il nome del sito in modo non si vedesse al termine dell'animazione. Invece tu vuoi che il filmato si blocchi in modo che il nome si legga?
Con il codice non saprei ma quando crei la gif animata dovrebbe esserci la possibilità di far fermare l'ultimo fotogramma per un po' di secondi, impostando il tempo di stop direttamente dal programma che usi per fare la gif.

[marc222]

capito.
peccato perchè speravo di inserire una stringhetta del tipo ..... pause=3s ..... nella riga che gestisce cosa deve esserci nell'header o azioni similari.
Se devo far rimanere l'ultimo fotogramma per mezzo del software per realizzare l'animazione, credo che mi aumentino le dimensioni del file gif, già un po troppo grande.... 1,7 MB per un'animazione di 5 secondi. Se la faccio di 8 secondi, aggiungendo in coda altri fotogrammi, temo di oltrepassare i 3 MB solo per l'animazione del logo. Con connessioni lente, ho gia appurato che anche 1,7 mb rendono il caricamento dell'header piuttosto lento.

Se non ci sono soluzioni col codice, adotterò questa soluzione.

Grazie mille per l'aiuto adottauncane, sei stato veramente un fulmine a rispondermi, vedrai ti disturberò nuovamente 

[tonicopi]

Ehi marc222, sei pazzo a creare gif animate che pesano mega???
Devi farle di pochi kb altro che mega!!!
E perchè una gif dovrebbe pesare di più se sta in pausa su un fotogramma? 

[marc222]

Ehmmm. perchè una gif dovrebbe pesare di più? Bo, uso synfig (da troppo poco tempo), e non ho trovato il modo di inserire una semplice pausa.
Sono stato costretto ad allungare la gif, con più fotogrammi, e mi è venuta ancora più pesante.

Tonicopi, magari riuscissi a farla di pochi kb. Come posso farla più piccola?
le dimensioni sono 800x145 px (ho ripreso quelle dell'header)
ho scelto 10 fps.

Ho provato anche a renderizzarla in formato .avi. In effetti viene più piccola, appena sotto il mega, ma non riesco ad inserirla nell'header. Se faccio la stessa procedura seguita per inserire la gif, l'header mi rimane in bianco

[tonicopi]

No no e poi ancora no!
Non si può e non si deve far pesare una pagina web, specialmente la home, più di qualche centinaio di kb, ad essere generosi.
Non tutti hanno connessioni superveloci!
Certo che se vuoi fare una gif di quelle dimensioni e con caratteristiche più vicine a un filmato che a una gif non ne verrai fuori. Mettici una immagine nella header. Oppure fai girare una slideshow...

Non conosco il programma che usi per le gif ma ribadisco che la pausa va impostata nel fermo del fotogramma e non di certo caricando tot immagini uguali!
E un fotogramma fermo non pesa nulla di più di uno in movimento per cui la pausa non deve certo essere onerosa in termini di peso! 

[marc222]

So già quanto hai ragione, tonicopi. 
con la gif da 1,7 Mb, ho fatto una prova con una connessione a 56 k e, per vederla tutta per intero ho dovuto attendere circa 10 minuti. 
Perciò mi sono reso conto che era un'animazione inutile ai fini della visibilità del sito.
Se non si può vedere o la posso vedere solo io e pochi fortunati, non ha senso metterla!! 
Provo a semplificarla

  Domanda: cosa ne pensi di inserire la stessa animazione ma sottoforma di video, ad esempio .avi? Ho visto che in confronto ad una gif si ha una riduzione notevole delle dimensioni!

[tonicopi]

Ecco: dieci minuti quando sono tanti anche 10 secondi! 

Io non amo per niente animazioni flash e filmati. Preferisco una gif leggera. Puoi far girare una gif con il logo mettiamo di 200px sopra una immagine che prende tutto l'header.

Ma un sito si può presentare benissimo anche senza gif o animazioni.
Per esempio metti in home una fotogallery come questa:
http://www.joomla.it/articoli-della-community/4556-una-slideshow-veramente-incantevole.html
con bellissimi effetti di transizione con immagini  che non pesino più di 40/50 kb ciascuna....   

[marc222]

grazie! la soluzione slideshow mi sembra molto buona.
se devo rallentare tutto il sito per una animazione, allora non la metto, se non quando riuscirò a farla più piccola o magari sopra un'immagine.

Per adesso grazie
e buone feste!!!!
 

[marc222]

Grande Tonicopi!
ho messo nell'header l'immagine di sfondo dell'animazione, effettivamente ha molte sfumature ed era quella mi sovraccaricava l'animazione gif. Adesso l'immagine pesa 50 kb.
ho semplificato un po, ma non troppo l'animazione e sono riuscito a farla di 370 kb.
Come dimensioni adesso penso di esserci.... (o no?)

  Adesso però non riesco a sovrapporle..... adesso vedo sull'header l'immagine jpg, e subito sotto l'animazione trasparente, che mi cade sopra il top menu ed i contenuti, come faccio a sovrapporre?

la stringa che ho adesso è questa:

<a href="<?php echo $this->baseurl ?> "> <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/backname.jpg[/b][/b]" alt=""/> [/url]
        <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/animation3.gif"         
 
backname.jpg è l'immagine che dovrebbe fare da sfondo a
animation3.gif che è l'animazione in trasparenza...

[tonicopi]

Prova intanto a caricare l'immagine come sfondo con una regola nel css...

[marc222]

scusa tonicopi ma non ho capito.
per adesso quando ho voluto cambiare l'immagine, l'ho sempre fatto da index.php

oddio con altri template, mi bastava cambiare template.css, ma con questo 002001 non succede niente.
neanche ad modificare white.css (entra in funzione quando scegli la tonalità di colore bianca del template, io ho selezionato questa).

[tonicopi]

Se posti un link al sito facciamo prima.
Qualunque div o tag  può incorporare una immagine di sfondo con una regola css.
Il template di questo forum lo fa con questa regola:

Codice: [Seleziona]

background:url("../images/theme/zigzag.gif") repeat-x scroll 0 0 #E9EEF2

[marc222]

va bene, sto modificando il template di cui sopra.
in alto adesso c'è la gif trasparente, ma non traspare l'immagine

http://provolo22.altervista.org/

[tonicopi]

Certo che non traspare, soprattutto se non ce la metti l'immagine.
Devi inserirla qua:
#header {
background-image:url("../images/animation3.gif");
}
 

[marc222]

Grazie ma ripeto, che se vario qualcosa nel template.css, dove dici tu, #header ecc., non cambia niente. 

Comunque dovrei mettere la gif dove mi ahi consigliato nell'ultimo tuo post, mentre l'immagine di sfondo dove la devo far comparire?

[marc222]

Poi, scusate ma mi è venuta in mente un'altra cosa.
Domenica, visto che non riuscivo a sistemare la testata, mi ero messo a cambiare i colori del top menu.
Non ci credevo: io cambiavo i colori nel template css, inserendo il corrispondente codice html, applicavo, salvavo ma guardando l'anteprima i colori non cambiavano, rimanevano quelli prima dei cambiamenti.

Addirittura se controllavo con firebug e guardavo quali colori venivano letti dal template.css, i colori erano quelli prima dei cambiamenti, perciò rimaneva tutto invariato. In template.css però c'erano quelli nuovi!
Io testardo, ho lasciato il template.css con i nuovi colori ed il giorno dopo sono diventati come volevo io.

Può darsi che abbia un problema di aggiornamento? o non so? però può essere lo stesso "ritardo" a non farmi vedere i cambiamenti in testata?

Per questo, tonicopi, chiedevo come dovrebbe essere il codice, almeno lo cambio e il giorno dopo controllo!

Metodo barbaro o peggio, ma questo è quello che mi è successo.....

[tonicopi]

Ah ah aha... stai tranquillo marc222, non ci sono gli spiriti che ti giocano brutti scherzi.
E' un problema di cache. Il browser continuava a leggere il file css che aveva in cache prima delle modifiche.

Quanto al resto non mi rendo conto di cosa non capisci....  Che cosa non ti è chiaro in quello che avevo pubblicato? Al posto della gif devi inserire l'immagine di sfondo per l'header. Ci riesco io da casa mia vuoi non riuscirci anche tu? 

Certo che non traspare, soprattutto se non ce la metti l'immagine.
Devi inserirla qua:
#header {
background-image:url("../images/animation3.gif");
}
 

[marc222]

Caro Tonicopi,

scusa anche se avevi ragione gia al tuo penultimo post, la modifica da fare era semplicissima ma solo adesso ce l'ho fatta a realizzare quello che volevo. 

Ti ringrazio inoltre della spiegazione sulla cache, con la quale hai esorcizzato gli spiritelli che mi perseguitavano...... 

Più che altro comunque, grazie per avermi fatto capire i meccanismi del problema.

Infine, terrò ben a mente i tuoi precedenti consigli, come quello su una più leggera slideshow. Anche adesso solo l'header mi pesa circa 450 kb, imparagonabile ai quasi 2 Mb iniziali  ), ma pur sempre "pesante"

un grande augurio di buone feste a te a tutto lo staff del forum!!

Metto un bel [RISOLTO] e aggiungerei [e anche di più]