Immagini presenti sul server ma che non si visualizzano da web

[meteocamicci]

Ciao a tutti,
è da poco che ho preso uno spazioweb su Altervista e non ho molto esperienza in merito.
Ho un problema relativo alla visualizzazione delle immagini:mi spiego meglio!
Col software iSpy gestisco le mie telecamere IP da PC.
In questo programma c'è la possibilità di caricare su un server una immagine ogni x tempo (io ho settato 10 minuti).
Ovviamente mi fa fa un test di upload che riesce perfettamente.
Con il software WinSCP riesco a vedere che l'immagine viene regolarmente caricata sul server di altervista.
Controllo l'url https://meteocamicci.altervista.org/...camerafeed.gif
ma viene visualizzata soltanto 1 volta sul pc con il browser Mozilla Firefox
Poi anche se faccio il refresh col browser,nonostante l'immagine si aggiorni in remoto e nella cartella dedicata sul pc,mi rimane visualizzata quella vecchia.
Ho provato a cancellare la cache ed i cookies ma non cambia nulla.
La cosa strana è che sul cellulare la vedo senza problemi.
Da cosa può dipendere?
Grazie

[alemoppo]

Vedi ad esempio qui: http://forum.it.altervista.org/html-...ml#post1383176 o se lo vuoi aggiornare automaticamente dopo tot secondi, vedi qui: http://forum.it.altervista.org/plug-...tml#post819799

In generale visto che usi WordPress ti consiglio di usare la modalità javascript così è sufficiente inserire il codice in un "blocco HTML" e dovrebbe funzionare senza problemi.

Ovviamente se dovessi aver problemi o non capire come usare il codice, scrivi pure!

Ciao!

[meteocamicci]

Ciao Alemappo,
ho utilizzato lo script che mi hai indicato:


<script>document.write('<img src="percorso/immagine.jpg?r='+Math.random()+'">');</script>

funge perfettamente!
Grazie

[meteocamicci]

Ne approfitto per chiedere come si fa a scalare l'immagine del 60%.
La risoluzione utilizzata è infatti 1920x1080 e sul browser mi appare ovviamente ingrandita (vista la risoluzione che utilizzo).
Si puà aggiungere uno script?
Grazie

[alemoppo]

Puoi specificare la dimensione dell'immagine brutalmente così:

<script>document.write('<img src="percorso/immagine.jpg?r='+Math.random()+'" style="width:100px">');</script>

Invece di 100px puoi specificare la dimensione. Puoi usare queste unità di misura.

Ciao!

[meteocamicci]

Grazie!

[meteocamicci]

Ciao a tutti,ritorno nuovamente su questa discussione per una richiesta sempre legata al fatto che le immagini in alcuni contesti non mi si aggiornano.
Faccio un esempio,avrei la necessità in una pagina web di mettere una immagine e sotto di essa mettere un link ove si rimanda alla pagina home.
Se creo una pagina con estensione .hml e metto questi 2 codici:

<img src="https://meteocamicci.altervista.org/wp-content/weatherbanner.gif" alt="Immagine weatherbanner">



<p><span style="font-family: Arial;">&nbsp;</span><a href="https://meteocamicci.altervista.org/wp-content/index.html"><b style=""><span style="font-size: 11pt; font-family: Arial; color: rgb(153, 51, 102);">Torna <span class="GramE">alla </span>Home Page</span></b></a><b style=""><span style="font-size: 11pt; font-family: Arial; color: rgb(153, 51, 102);"><o:p></o:p></span></b></p>

Il browser non mi aggiorna l'immagine weatherbanner.

Ho provato allora a creare una pagina con estensione .php (sperando di agirare il problema) ed ho messo i 2 codici sopra linkati ma in pratica non vedo l'immagine.
Forse in php bisogna utilizzare una sintassi diversa?

[GraphOGLRisorse]

Salve,
le pagine PHP gestiscono comunuque anche HTML. quindi non dovrebbe cambiare nulla. La questione è la cache del browser.

La soluzione glie la aveva già fornita alemoppo in precedenza. (qui)

Basta modificare quel codice così:

<script>document.write('<img src="https://meteocamicci.altervista.org/wp-content/weatherbanner.gif?r='+Math.random()+'">');</script>

In alternativa, può essere fatto anche così:

<img id="weatherbanner" alt="Immagine weatherbanner">
<script>document.getElementById("weatherbanner").src = 'https://meteocamicci.altervista.org/wp-content/weatherbanner.gif?r='+Math.random()</script>

I 2 codici sono equivalenti e funzionano entrambi.

Cordiali saluti.

[meteocamicci]

Scusami se ti rispondo in ritardo...grazie!
Ma se volessi posizionare l'immagine al centro,come dovrebbe essere modificato lo script (il primo che mi hai indicato)?
Ho provato ad immettere
<p> <img src="xxxxxxx.jpg" align ="middle"> </p>

ma non cambia nulla,dove sbaglio?

[GraphOGLRisorse]

Align è una proprietà di HTML4. Con HTML5 è meglio usare i CSS che non creano problemi di compatibilità con i browser più moderni.

Ad esempio così:

<p><img src="xxxxxxx.jpg" style="display:block;margin-left:auto;margin-right:auto;"></p>

Cordiali saluti.

[meteocamicci]

Allora ho provato ad immettere nello script queste istruzioni:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>

<script>document.write('<img src="waldbeck.jpg?r='+Math.random()+'" style="width:1200px">');</script>
<p><img src="waldbeck.jpg" style="display: block; margin-left: auto; margin-right: auto;"></p>

</head><body>
</body></html>

Ma mi compaiono 2 immagini.
La prima non si allinea ovviamente,la seconda si centra ma non si aggiorna.
Bisognerebbe immettere la seconda istruzione nella prima ma non riesco,sarà errata la sintassi che utilizzo...

[GraphOGLRisorse]

Sì, la seconda non si aggiorna perchè non fa uso un valore random.

Io ho risposto a questo scritto qui:

Scusami se ti rispondo in ritardo...grazie!
Ma se volessi posizionare l'immagine al centro,come dovrebbe essere modificato lo script (il primo che mi hai indicato)?
Ho provato ad immettere
<p> <img src="xxxxxxx.jpg" align ="middle"> </p>

ma non cambia nulla,dove sbaglio?

Nell'esempio non ha messo la forma con l'mmagine che si aggiorna quindi non l'ho usata neanche io per il mio.

Comuque non è difficile fare il mix tra i 2:

<script>document.write('<img src="waldbeck.jpg?r='+Math.random()+'" style="width:1200px;display:block;margin-left:auto;margin-right:auto;">');</script>

Magari invece di usare (width:1200px;) sarebbe meglio usare il valore in paercentuale con height impostato ad auto (width:100%;height:auto;), per mantenere le proprozioni dell'immagine. In questo modo l'immagine si adatterà alla risoluzione dello schermo.

PS:
Ad ogni modo, secondo me, sarebbe preferibile l'uso di HTML5. Ognuno poi, è libero di fare come preferisce.

Cordili saluti.