Inseriscila con un iframe a questo link:

http://xerocamboscreta.dyndns.org:88/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&usr=visitatore&pwd=kavalo1&cnt=1602882546209

Kalimera Patrizia B. grazie del consiglio ma viene a perdersi la diretta..... il refresh non è automatico, c'è solo una immagine statica pescata nella cartella cgi-bin e manca quindi lo scorrimento delle immagini in tempo reale ........ forse sto cercando di inserire qualcosa che ancora non è possibile con questo programma....

...!... il refresh attuale continuo ad ogni secondo è superfluo o non adatto per il tipo di soggetto ripreso ed affatica inutilmente la cache...!...

... questo è un mio personale e semplicissimo metodo che suggerisco da 3 lustri derivato dai miei vecchi esperimenti con SwishMax...

... basta incollare il seguente codice in un Oggetto Codice HTML:

<img id="imgK" width="100%" src="http://xerocamboscreta.dyndns.org:88/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&usr=visitatore&pwd=kavalo1" />
<script>
secondiK = 10; // attesa refresh
setInterval(function(){
document.getElementById('imgK').src='http://xerocamboscreta.dyndns.org:88/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&usr=visitatore&pwd=kavalo1&cnt=' +new Date().getTime()
; }, secondiK * 1000);
</script>

... il refresh nel mio codice è impostato a 10  secondi, ma sarebbe ancor più adatto a 30  o a 60  secondi, e comunque si può impostare anche a 1  secondo o quel che si preferisce per un flusso continuo (da me consigliato)...

.

KolAsim Grazie, sembra uno script molto buono!

Ho provato ad installarlo e funziona bene, ora gli costruisco una pagina intorno e lo mando online.... devo solo vedere come me lo riconosce Chrome (che è diventato molto, molto esigente!).

Per la cache avevo comunque già installato uno script che mi ripulisce l'archivio ogni mezz'ora (si era lamentato Aruba che occupavo troppo spazio con gli scatti ogni secondo..) e mi salva solo uno scatto ogni 8 minuti che poi alla mezzanotte italiana crea uno slideshow della giornata cancellando lo slideshow del giorno precedente.

Credo quindi che la pesantezza sia limitata.

Grazie mille ancora!!

Aspetto di vedere il risultato sulla pagina dedicata per chiudere questo post (non sia mai che debba chiedere ancora qualche consiglio...).

Ah! KolAsim ... ultima domandina.... che cosa è

+new Date().getTime()
; }, secondiK * 1000);

Il valore 1000 a cosa corrisponde? Ho visto un lampeggio della scritta all'inizio della apertura della pagina.... è quello?

... il codice è in JS cross-browser... ... ... 1000 = 1000 millisecondi = 1 secondo...

> [ +new Date().getTime() ] ... questo by-passa la cache con l'attributo del minuto secondo corrente, in modo che non si vedrà mai la stessa immagine;

> [ ; }, secondiK * 1000); ] ... questo attiva i secondi di attesa per il refresh "secondiK" dichiarati ad inizio script:
secondiK=10;

... per quel genere al posto di 10 potresti usare benissimo 300 (= 5 minuti) ...

.

Messaggio per KoalSim ...

nel ringraziare per lo script che mi ha qui fornito, che mi ha permesso di inserire correttamente la mia webcam live sulla pagina https://www.xerocamboscreta.com/webcam-xerocambos.html prodotta con Website X5, volevo chiederle, vista la sua competenza tecnica, se fosse possibile ottenere un suo supporto per poter migrare alle mie pagine nuove due pagine che hanno molto script e sono state prodotte in formato non responsive.

Si tratta di una pagina con slideshow della telecamera live https://www.xerocamboscreta.com/slide.kavalo1.it.php

e della pagina che da accesso ai dati in tempo reale trasmessi dalla mia centrale meteo https://www.xerocamboscreta.com/meteo/wxindex.php?lang=it&Set=Set

Di questa pagina meteo non ho più necessità del menù laterale visto il possibile inserimento nelle nuove pagine Website X5 che hanno già menù adatti per ogni formato.

Alcuni elementi potrebbero quindi essere alleggeriti.

Queste vecchie pagine mi stanno comunque creando problemi con la visualizzazione in Chrome perché mi marcano il sito come non sicuro (Aruba mi ha confermato che i componenti bloccati presenti in queste pagine, richiamati in http generano il problema) e vorrei risolvere il problema per non seguitare a penalizzare la mia indicizzazione sui siti di ricerca.

Non ho competenze tali da poter lavorare sul codice ed il tecnico che me le aveva allestite non è più reperibile.

Chiaramente pagando il suo disturbo se vorrà intervenire e farsi carico di questo lavoro.

In attesa di un suo gradito riscontro,

Saluti

Anna

... non posso entrare nel merito del codice PHP di controllo che non è in chiaro, però forse qualcosa si potrebbe fare...

... la pagina webcam-xerocambos.html :

- puoi tenerla sempre attiva...?...

- la puoi editare, (anche solo online) per aggiungere codice extra...?...

... a seconda delle risposte, si potrebbe tentare di usare un IFRAME nel nuovo progetto, ...avvisami...

.

Kalispera KolAsim,

grazie per questa prima risposta.

La pagina della webcam è collegata 24h, quindi sempre attiva. Sfrutta un DYNDNS dedicato ed una sottocartella Meteo di archivio su HOST Aruba.

Cosa intendi con editare?

Però la pagina della webcam è ben settata e sono riuscito ad inserirla nel nuovo involucro X5 .... grazie al tuo script... mi funziona bene..... dovrei toccare qualcos'altro?

Quelle che non riesco a toccare sono le pagine dello slideshow e del meteo in diretta.

Si so che c'è del PHP e del .js complesso a gestire il tutto... è roba che ha fatto un ingegnere informatico

... scusami, ...quanto avevo chiesto doveva essere riferito alla pagina slideshow slide.kavalo1.it.php

... se puoi editare, si potrebbe fare in modo, in modo semplice, di vedere solo lo scorrere delle immagini, ...e quindi importare questa sezione in IFRAME...

...fammi sapere...

... cosa intendi con editare?

Scusa la ri-domanda ma sono a digiuno di molte nozioni base

ah... poi sotto lo slide c'è la barra di scorrimento che andrebbe salvata.... e poi comunque il collegamento agli script che ogni giorno resettano andrà salvato ... è proprio questo che non sono riuscito a trasportare .... anche se ci ho provato ad impaginare... mi manca lo script che pesca nella cartella ...

ti incollo il cuore della pagina

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var handle = $( "#custom-handle" );
var prova = <?php echo $json; ?>;
var max = prova.length-1;
var i = 0;
var intervalID;

function startTimelapse() {
intervalID = setInterval(function(){
prova[i] != undefined ? i : i=0;
if(prova[i] != undefined){
$('#image').attr('src', 'Kavalo1/FI9900P_00626E65B357/snap/'+prova[i]);
$('#slider').slider('value', i);
handle.text(i);
}
i++;
}, 500);
}

handle.focusout(function() {
startTimelapse();
});

$( "#slider" ).slider({
max: max,
create: function() {
handle.text( $( this ).slider( "value" ) );
},
start: function( event, ui ) {
clearInterval(intervalID);
},
slide: function( event, ui ) {
handle.text( ui.value );
$('#image').attr('src', 'Kavalo1/FI9900P_00626E65B357/snap/'+prova[ui.value]);
i = ui.value;
}
});
startTimelapse();
});

ho messo in evidenza il java che non riesco a far decollare..... non si indirizza... mannaggia

comunque se vuoi ti posso postare (anche qui se va bene per te... o te la mando su mail se è meglio e più privato) tutta la HTML della vecchia slide.kavalo1.it.php ..... dimmi te ... così vedi come è fatta e quali i punti chiave

... quindi se puoi editare, ....nella pagina slide.kavalo1.it.php  ... nella sezione HEAD, prima della chiusura di /HEAD, cioè qui:
**
*
<<<<<<<<<
</head>

... incolla questo codice:

<style>
table, img { width:100% !important}
table:nth-child(1),table:nth-child(5),table:nth-child(6),table:nth-child(7),table:nth-child(8), table:nth-child(9) { display:none }
</style>
<script>
$( document ).ready(function() {
$("img").css("height", "");
$("table").css("width", "");
});
</script>

... poi vedremo per IFRAME; ...dovrebbe apparire un qulcosa di simile a questo:

.

Kalispera KoalAsim,

grazie per lo script.... in pratica con questo cosa succede? Diventa responsive l'attuale formato fisso?

Ora provo subito... chiaramente dovrò predisporla sia in formato htm con Frontpage che come PHP con Notepad++ (questo uso io). Giusto?

No.... non me lo ha digerito molto bene! ... guarda anche tu, è troppo lunga a formati di schermo grandi (e non ha salvato la barra di scorrimento)

ah no... la barra si funziona.... è solo l'immagine che è al 100% e su uno schermo a 27" come il mio diventa lunghissima (manca la proporzione altezza/larghezza in pratica)

... prova a sostituire il precedente codice con questo:

<style>
table, img { width:100% !important}
table:nth-child(1),table:nth-child(5),table:nth-child(6),table:nth-child(7),table:nth-child(8), table:nth-child(9) { display:none }
</style>
<script>
$( document ).ready(function() {
setTimeout(function(){$("img").css("height", "");
$("table").css("width", ""); }, 3000);
});
</script>

.

provvedo subito, grazie

...niente KolAsim ... purtroppo mantiene le dimensioni allungate a tutto schermo....

... secondo le mie simulazioni online, il codice in teoria avrebbe potuto funzionare, come da precedente STAMP...

...!... adesso, per poter verificare, non vedo il codice applicato...!...

... in teoria potrebbe funzionare anche con questa variante al codice; ...sostituisci, fai la prova online, e fai sapere:

<style>
table, #image { width:100% !important;height:56.25% !important}
table:nth-child(1),table:nth-child(5),table:nth-child(6),table:nth-child(7),table:nth-child(8), table:nth-child(9) { display:none }
</style>

... questi i risultati che in teoria si potrebbero ottenere:

-

.

Kalimera KolAsim, Grazie, ho appena installato la nuova stringa e vedo che si adatta meglio ai formati grandi della pagina..... anche se è un poco "tanto" (occupa tutto lo schermo!) e non ci ero abituato!

Ora che ci faccio?

Come posso inserirla in pagina X5?

Kalispera KolAsim, grazie..... sto cominciando a capire dove sei arrivato.... con un solo punto che non funziona.... la finestra in cui metto lo slide non si dilata e non si adatta alla altezza dello slide... guarda ... 

Posso anche agevolare la cosa alleggerendo la pagina slide di tutto il superfluo direi, no?

Lascio solo lo slide nudo e crudo e la barra di scorrimento... che ne dici?

... come sai, senza LINK non posso capire, utile anche per valutare qualche aggiustamento; ...forse non hai assegnato un'altezza adeguata all'Oggetto Codice HTML...
... prova ed eventualmente posta il LINK del test online...
... per controllare solo lo slideshow e la barra avanzamento, usa questo codice:

<style>
table, #image { width:100% !important;height:56.25% !important}
table:nth-child(1),table:nth-child(2),table:nth-child(4),table:nth-child(5),table:nth-child(6),table:nth-child(7),table:nth-child(8), table:nth-child(9) { display:none }
</style>

.

scusa... mi son dimenticato di scaricare... ora l'ho fatto, ecco il risultato

https://www.xerocamboscreta.com/time-lapse.html

ora ho svuotato la pagina dei vecchi contenuti ed ho lasciato solo slide e barra.... ho corretto l'altezza.... Grazie della dritta.... ma ... come responsive non funziona :-( (provato a variare anche il valore 400 che avevi inserito tu portandolo a 480... per adeguarlo alla altezza 480 che ho dato nella pagina in html)

https://www.xerocamboscreta.com/time-lapse.html

... si manca solo il responsive ... il resto sembra andato tutto a posto per bene, GRAZIE KolAsim... attendo tue indicazioni domani allora... Kalinichta!

Kalimera e GRAZIE KolAsim.... molto bene... ottimo script ..... ho provveduto ad installarlo (ho solo modificato l'altezza massima portandola a 1080px visto che ho una webcam ben definita da 2Mb e l'immagine anche grande non sgrana.... ho anche alzato la finestra a 580px ed entra bene sul monitor grande con la barra di scorrimento non tagliata.... solo però vedo che ai formati minori lo slide si riduce bene ed entra per larghezza in modo ottimale.....  ma non si riduce anche l'altezza della finestra che rimane molto, molto ampia ... un poco brutta ai formati minori... 

E' possibile intervenire per correggere il difetto? Che ne dici?

https://www.xerocamboscreta.com/time-lapse.html

(p.s.: il timelapse di ieri è tagliato ed inferiore come numero di immagini perché ieri abbiamo avuto un problema di modem ... ma l'automatismo che pesca le 127 immagini funziona bene)

Kalispera KolAsim... direi perfetto! GRAZIE!!

Con una sola annotazione, ho provato ad inserirlo in Esperto (ma a me la sezione Esperto da una pagina vuota al 100%, senza /Head quindi) e mi ha restituito come risultato la pagina completamente svuotata dei dettagli grafici.... funzionante come Responsive ma senza caselle od altro.

Ho provato allora ad inserirlo nel normale HTML ed ha funzionato benissimo.... ora è OK .... un ottimo Responsive!!!

Non credo abbia bisogno di altro, guarda anche tu:

https://www.xerocamboscreta.com/time-lapse.html

Provvedo allora subito a sistemarlo sulle altre 4 lingue e poi ti chiederò alcune altre cose ... ma sono ben più complicate stavolta e vorrei poter sdebitarmi se te me lo permetti.

... non ho il Programma, ma meglio che controlli attentamente qui:

>> >> Passo 3 - Mappa > Finestra Proprietà Pagina > Sezione Esperto > ▪Codice personalizzato: > (3°)  - Prima della chiusura del tag HEAD

.

Kalispera KoAlsim, grazie per l'indicazione..... io la pagina Esperto la vedo comunque vuota.... non mi compare in chiaro tutto il codice con HEAD /HEAD .... non ho mai scritto nulla in questa pagina perché ogni volta che ci provo semplicemente mi fa scomparire come ti dicevo la grafica che ho fin lì impostato... 

Ho letto quanto mi hai mandato... Grazie ancora per l'interesse, ma vedo in ogni caso che la pagina funziona con lo script inserito nello spazio HTML ... quindi non tocco altro, no?

Quel che volevo poi chiedere riguarda la migrazione di un altra pagina ben più complessa

https://www.xerocamboscreta.com/meteo/wxindex.php?lang=it&Set=Set

Qui non mi serve il menù laterale a tendina ma trasportare tutto il resto del centro pagina con tutti i dati in tempo reale emessi dalla mia stazione meteo... e c'è parecchio codice direi....

Se vuoi guardarci... fammi sapere che ne pensi, ok?

... adesso ho capito cosa intendevi con Proprietà Pagina > Esperto... io stavo sbagliando cercando di mettere lo script nella sezione Esperto dell'oggetto HTML che ho inserito per mettere la slide....

Comunque ho ottenuto lo stesso risultato... almeno spero

KolAsim problemino.... stavo installando lo slide anche nelle pagine delle altre 4 lingue ma.... non mi prende la stringa 

<style>
@media (min-width: 1150px) { #imHTMLObject_516_288 {height:630px !important;}}
@media (max-width: 1149px) { #imHTMLObject_516_288 {height:400px !important;}}
@media (max-width: 719px) { #imHTMLObject_516_288 {height:280px !important;}}
@media (max-width: 479px) {#imHTMLObject_516_288 {height:250px !important; }}
</style>

.... in pratica non la legge e mantiene la altezza eccessiva nelle versioni a schermo ridotto!

Molto strano come comportamento, ho provato ad inserirla sia nell'HTML che in Esperto.... nulla ... rimane l'altezza cella eccessiva....

Guarda come viene (eppure l'ho inserita esattamente come nella versione italiana)

https://www.xerocamboscreta.com/en/time-lapse-en.html

.... strano eh?

Kalimera KolAsim....PERFETTO!

Grazie MILLE!

Ho capito e sto mettendo a posto (non ho potuto usare destro | ispeziona perché ho un blocco di protezione sulle pagine ma ho risolto con F12 ed ora funziona a meraviglia!

Che mi dici poi per quel discorso più complesso su https://www.xerocamboscreta.com/meteo/wxindex.php?lang=it&Set=Set

Posso chiederti consulenza per questa?