problema gif animate del mio sito con safari 4

hertons · 13-05-2010, 10:20

ciao, io stò creando il mio primo sito web, ho un problema, ho un'immagine animata gif abbastanza grande nella mia home page e una favicon, sempre gif animata, queste funzionano in maniera animata sia con internet explorer che con firefox ma sono statiche con safari 4.
questo non accade se visualizzo il sito con safari 4 in locale (cioè guardando le pagine che risiedono sul mio pc)... non essendo esperto pensavo che safari 4 avesse dei problemi con le gif animate caricate da web ma provando a cercarne un'pò online ho visto che le visualizza senza problemi, non penso sia un problema di dimensioni, anche perchè la gif della favicon è molto piccola.
il dominio è di aruba, può essere una loro incompatibilità con safari 4? o può essere qualche impostazione del broswer? non sono esperto per cui non capisco proprio quale sia il problema. l'indirizzo del sito è www.da-k.net se volete testare e darmi qualche suggerimento
grazie

Family Guy · 13-05-2010, 11:46

Quote:

Originariamente inviato da hertons

l'indirizzo del sito è www.da-k.net se volete testare e darmi qualche suggerimento
grazie

La gif animata grande in homepage a me funziona, mentre la favicon no, credo che le favicon in safari non siano animate.

Tuttavia ho provato con firefox ed è abbastanza fastidioso l'effetto della favicon che cambia colore, io lo toglierei.

Per la galleria delle foto io userei javascript, vedi ad esempio qui: http://www.javascriptkit.com/howto/show2.shtml

edit: questo è carino: http://www.dynamicdrive.com/dynamici...nslideshow.htm mette una dissolvenza tra le immagini e (volendo) una descrizione al passaggio del mouse (occhio che mouseover non funziona sui dispositivi touch)

hertons · 13-05-2010, 12:18

ti ringrazio... ma le immagini che cambiano ti si vedono con safari 4 o con una versione precedente?
perchè noi qui in studio lo abbiamo provato da 5 computer diversi con safari 4 e non girano le immagini
per le gallerie mi è stato chiesto espressamente di far variare le immagini senza effetti

Family Guy · 13-05-2010, 12:31

Quote:

Originariamente inviato da hertons

ti ringrazio... ma le immagini che cambiano ti si vedono con safari 4 o con una versione precedente?
perchè noi qui in studio lo abbiamo provato da 5 computer diversi con safari 4 e non girano le immagini

Safari 4.0.5 su Mac OS X Snow Leopard, adesso non posso riavviare per provare su windows.

Quote:

per le gallerie mi è stato chiesto espressamente di far variare le immagini senza effetti

Il primo javascript non mette effetti, se cerchi ci sono anche javascript che caricano le immagini successive mentre viene visualizzata la precedente (comodo per connessioni lente).

hertons · 13-05-2010, 16:08

intendi che usando un javascript così posso ottenere lo stesso effetto della gif? ho guardato il link, ma non ci capisco molto nel codice, è un'pò complicato per me, potresti suggerirmi un codice semplice che mi consenta di ricreare lo stesso effetto della gif? o forse bisogna aggiungere nel codice dove c'è la gif qualche comando che consenta di vederla animata in safari 4...
help, qui su safari la vedono tutti statica

Family Guy · 13-05-2010, 16:36

No, non bisogna aggiungere nulla, però ho provato con safari sotto windows e si vede statica, se invece copio le pagine sul disco è animata, boh

Probabilmente qualche casino con il server windows che stai usando... prova a togliere gli spazi nei nomi delle directory, di solito è meglio non metterli.

Per quanto riguarda il javascript è semplice, devi aggiungere il seguente codice tra i tag <head> e </head>:

Codice:

<script type="text/javascript">
<!--
var image1=new Image()
image1.src="firstcar.gif"
var image2=new Image()
image2.src="secondcar.gif"
var image3=new Image()
image3.src="thirdcar.gif"
//-->
</script>

e quindi questo tra i tag <body> e </body> (dove metti lo slideshow):

Codice:

<img src="firstcar.gif" name="slide" width="100" height="56" />
<script>
<!--
//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<3)
step++
else
step=1
//call function "slideit()" every 2.5 seconds
setTimeout("slideit()",2500)
}
slideit()
//-->
</script>

Naturalmente aggiusta il nome e la dimensione delle immagini (firstcar.gif ecc), il numero degli step, ed il tempo di visualizzazione (setTimeout)

Chiaramente le immagini devono essere quelle statiche che hai usato per fare la gif animata.

hertons · 13-05-2010, 17:52

ok, è perfetto, scusa ma non me ne intendo per niente ;-)
ho provato a crearmi una pagina di prova e usare 3 immagini gif, purtroppo dovrei tenere le immagini in un'altra cartella rispetto a quella dov'è contenuto il fil html per cui ho modificato il codice però mi visualizza correttament ele immagini in safari e firefox, mentre con explorer non le trova.... la cartella che contiene le immagini si chiama homepage_images e risiede dove si trova il file prova.html, sai per caso se devo cambiare qualcosa ancora per far trovare le immagini a explorer? ti copio il codice

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>prova</title>
<script type="text/javascript">

</script>
</head>

<body>
<img src="homepage_images/img1.gif" name="slide" width="1000" height="400" />
<script>

</script>
</body>
</html>

grazie mille comunque intanto è già una gran cosa!

Family Guy · 13-05-2010, 18:28

Mi pare strano che IE faccia storie, sicuro che il nome della cartella sia giusto? maiuscole/minuscole ecc.

Qui adesso ho solo una versione arcaica di IE per Mac e non ci sono problemi...

PS: per variare la durata di visualizzazione delle immagini devi cambiare il valore sotto alla riga di commento (per mettere 5 secondi il valore deve essere 5000 al posto di 2500)

hertons · 14-05-2010, 12:33

penso di aver fatto tutto correttamente, posso inviarti via mail la cartella in questione per farti provare? l'ho provato su più pc ma con explorer non vede le foto....

Family Guy · 14-05-2010, 12:41

È veramente un mistero, ieri ho provato il codice che hai postato su un pc con windows vista ed internet explorer 8 e funziona regolarmente.

L'unica differenza con gli altri browser è che se visualizzi il sito in locale appare una barra gialla che ti chiede di autorizzare lo script, mentre se il sito è su un server non lo chiede, che "attrezzo" strano...

Io ho provato con delle immagini di esempio (ho usato quelle macchinine del sito linkato), non è che la codifica delle tue immagini non gli piace? Hai provato con delle jpeg anziché con le gif?

Puoi provare a caricare le gif su imageshack e mettere il link qui?

hertons · 14-05-2010, 12:45

se hai provato con il sito online, funziona perchè c'è ancora con la gif animata, non ho ancora caricato lo script che mi hai suggerito, ora devo staccare e mi riconnetto dopo le 15.30, proverò usando jpeg
grazie ancora

Family Guy · 14-05-2010, 12:55

Quote:

Originariamente inviato da hertons

se hai provato con il sito online, funziona perchè c'è ancora con la gif animata,

No, ho provato copiando ed incollando il codice che hai postato in un file "prova.html", quindi ho scaricato le immagini gif delle macchinine in una cartella "homepage_images" e le ho rinominate img1.gif img2.gif e img3.gif

hertons · 14-05-2010, 17:28

ora ho rifatto tutto per bene per il sito e in locale funziona... non posso metterlo online perchè la connessione che ho qui non me lo consente...
però sono ottimista, sento che funzionerà!

hertons · 16-05-2010, 13:49

ho messo online la homepage... funziona tutto... grazie mille!

Family Guy · 16-05-2010, 14:08

Molto bello. Però le immagini mi sembrano un po' pesanti, quasi mezzo mega... non puoi usare un software per ridurle di dimensioni? Io ad esempio uso graphicconverter che ha un'apposita funzione per salvare le immagini destinate al web.

13-05-2010, 10:20	#1
hertons Member Iscritto dal: Feb 2008 Messaggi: 48	problema gif animate del mio sito con safari 4 ciao, io stò creando il mio primo sito web, ho un problema, ho un'immagine animata gif abbastanza grande nella mia home page e una favicon, sempre gif animata, queste funzionano in maniera animata sia con internet explorer che con firefox ma sono statiche con safari 4. questo non accade se visualizzo il sito con safari 4 in locale (cioè guardando le pagine che risiedono sul mio pc)... non essendo esperto pensavo che safari 4 avesse dei problemi con le gif animate caricate da web ma provando a cercarne un'pò online ho visto che le visualizza senza problemi, non penso sia un problema di dimensioni, anche perchè la gif della favicon è molto piccola. il dominio è di aruba, può essere una loro incompatibilità con safari 4? o può essere qualche impostazione del broswer? non sono esperto per cui non capisco proprio quale sia il problema. l'indirizzo del sito è www.da-k.net se volete testare e darmi qualche suggerimento grazie

13-05-2010, 16:36	#6
Family Guy Senior Member Iscritto dal: Aug 2009 Messaggi: 2364	No, non bisogna aggiungere nulla, però ho provato con safari sotto windows e si vede statica, se invece copio le pagine sul disco è animata, boh Probabilmente qualche casino con il server windows che stai usando... prova a togliere gli spazi nei nomi delle directory, di solito è meglio non metterli. Per quanto riguarda il javascript è semplice, devi aggiungere il seguente codice tra i tag <head> e </head>: Codice: <script type="text/javascript"> <!-- var image1=new Image() image1.src="firstcar.gif" var image2=new Image() image2.src="secondcar.gif" var image3=new Image() image3.src="thirdcar.gif" //--> </script> e quindi questo tra i tag <body> e </body> (dove metti lo slideshow): Codice: <img src="firstcar.gif" name="slide" width="100" height="56" /> <script> <!-- //variable that will increment through the images var step=1 function slideit(){ //if browser does not support the image object, exit. if (!document.images) return document.images.slide.src=eval("image"+step+".src") if (step<3) step++ else step=1 //call function "slideit()" every 2.5 seconds setTimeout("slideit()",2500) } slideit() //--> </script> Naturalmente aggiusta il nome e la dimensione delle immagini (firstcar.gif ecc), il numero degli step, ed il tempo di visualizzazione (setTimeout) Chiaramente le immagini devono essere quelle statiche che hai usato per fare la gif animata.

13-05-2010, 12:18	#3
hertons Member Iscritto dal: Feb 2008 Messaggi: 48	ti ringrazio... ma le immagini che cambiano ti si vedono con safari 4 o con una versione precedente? perchè noi qui in studio lo abbiamo provato da 5 computer diversi con safari 4 e non girano le immagini per le gallerie mi è stato chiesto espressamente di far variare le immagini senza effetti

13-05-2010, 16:08	#5
hertons Member Iscritto dal: Feb 2008 Messaggi: 48	intendi che usando un javascript così posso ottenere lo stesso effetto della gif? ho guardato il link, ma non ci capisco molto nel codice, è un'pò complicato per me, potresti suggerirmi un codice semplice che mi consenta di ricreare lo stesso effetto della gif? o forse bisogna aggiungere nel codice dove c'è la gif qualche comando che consenta di vederla animata in safari 4... help, qui su safari la vedono tutti statica

13-05-2010, 17:52	#7
hertons Member Iscritto dal: Feb 2008 Messaggi: 48	ok, è perfetto, scusa ma non me ne intendo per niente ;-) ho provato a crearmi una pagina di prova e usare 3 immagini gif, purtroppo dovrei tenere le immagini in un'altra cartella rispetto a quella dov'è contenuto il fil html per cui ho modificato il codice però mi visualizza correttament ele immagini in safari e firefox, mentre con explorer non le trova.... la cartella che contiene le immagini si chiama homepage_images e risiede dove si trova il file prova.html, sai per caso se devo cambiare qualcosa ancora per far trovare le immagini a explorer? ti copio il codice <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>prova</title> <script type="text/javascript"> <!-- var image1=new Image() image1.src="homepage_images/img1.gif" var image2=new Image() image2.src="homepage_images/img2.gif" var image3=new Image() image3.src="homepage_images/img3.gif" //--> </script> </head> <body> <img src="homepage_images/img1.gif" name="slide" width="1000" height="400" /> <script> <!-- //variable that will increment through the images var step=1 function slideit(){ //if browser does not support the image object, exit. if (!document.images) return document.images.slide.src=eval("image"+step+".src") if (step<3) step++ else step=1 //call function "slideit()" every 5 seconds setTimeout("slideit()",2500) } slideit() //--> </script> </body> </html> grazie mille comunque intanto è già una gran cosa!

13-05-2010, 18:28	#8
Family Guy Senior Member Iscritto dal: Aug 2009 Messaggi: 2364	Mi pare strano che IE faccia storie, sicuro che il nome della cartella sia giusto? maiuscole/minuscole ecc. Qui adesso ho solo una versione arcaica di IE per Mac e non ci sono problemi... PS: per variare la durata di visualizzazione delle immagini devi cambiare il valore sotto alla riga di commento (per mettere 5 secondi il valore deve essere 5000 al posto di 2500)

14-05-2010, 12:33	#9
hertons Member Iscritto dal: Feb 2008 Messaggi: 48	penso di aver fatto tutto correttamente, posso inviarti via mail la cartella in questione per farti provare? l'ho provato su più pc ma con explorer non vede le foto....

14-05-2010, 12:41	#10
Family Guy Senior Member Iscritto dal: Aug 2009 Messaggi: 2364	È veramente un mistero, ieri ho provato il codice che hai postato su un pc con windows vista ed internet explorer 8 e funziona regolarmente. L'unica differenza con gli altri browser è che se visualizzi il sito in locale appare una barra gialla che ti chiede di autorizzare lo script, mentre se il sito è su un server non lo chiede, che "attrezzo" strano... Io ho provato con delle immagini di esempio (ho usato quelle macchinine del sito linkato), non è che la codifica delle tue immagini non gli piace? Hai provato con delle jpeg anziché con le gif? Puoi provare a caricare le gif su imageshack e mettere il link qui?

14-05-2010, 12:45	#11
hertons Member Iscritto dal: Feb 2008 Messaggi: 48	se hai provato con il sito online, funziona perchè c'è ancora con la gif animata, non ho ancora caricato lo script che mi hai suggerito, ora devo staccare e mi riconnetto dopo le 15.30, proverò usando jpeg grazie ancora

14-05-2010, 17:28	#13
hertons Member Iscritto dal: Feb 2008 Messaggi: 48	ora ho rifatto tutto per bene per il sito e in locale funziona... non posso metterlo online perchè la connessione che ho qui non me lo consente... però sono ottimista, sento che funzionerà!

16-05-2010, 13:49	#14
hertons Member Iscritto dal: Feb 2008 Messaggi: 48	ho messo online la homepage... funziona tutto... grazie mille!

16-05-2010, 14:08	#15
Family Guy Senior Member Iscritto dal: Aug 2009 Messaggi: 2364	Molto bello. Però le immagini mi sembrano un po' pesanti, quasi mezzo mega... non puoi usare un software per ridurle di dimensioni? Io ad esempio uso graphicconverter che ha un'apposita funzione per salvare le immagini destinate al web.

Strumenti
Mostra una versione stampabile Invia questa pagina per email