Ridimensionare immagine

[Gaspa89]

Non so se è la sezione giusta l'host da cui faccio upload di un immagine di una webcam mi ha dato questo script che è su questa pagina http://webronciglione.altervista.org/webmagliano.html
Come faccio a ridimensionare la pagina dato che l'immagine è troppo grande?

[KillerWorm]

Ciao, secondo me potresti andare di CSS, impostando semplicemente la larghezza dell'elemento <img> come meglio credi, sia con un valore fisso (ad esempio in px) sia con un valore percentuale (in modo che sia ridimensionata in base alla larghezza del suo contenitore)

Una cosa del genere:

<img src="..." style="width: 500px;">

oppure:

<img src="..." style="width: 100%;">

Prova e fai sapere.

[Gaspa89]

Ciao, secondo me potresti andare di CSS, impostando semplicemente la larghezza dell'elemento <img> come meglio credi, sia con un valore fisso (ad esempio in px) sia con un valore percentuale (in modo che sia ridimensionata in base alla larghezza del suo contenitore)

Una cosa del genere:

<img src="..." style="width: 500px;">

oppure:

<img src="..." style="width: 100%;">

Prova e fai sapere.

Inanzitutto grazie per la pronta risposta.Questo é lo script <!-- webcam.io widget --><script type="text/javascript">window.timelapseview_options=window.ti melapsevie w_options || {};window.timelapseview_options["w1yHF"] = {"e":"9kAJez","t":"2"};</script><script src="https://webcam.io/s/widget-v1_03.load.js?i=w1yHF" async></script><!-- end webcam.io widget -->
Come vedi l'img src non c'è però da un ispezione di un altra pagina sono risalito alla sorgente che sarebbe questa https://assets2.webcam.io/w/9kAJez/latest.jpg
che però non è del tutto corretta perché ogni volta che lui refresha l'immagine gli attribuisce un numero diverso del tipo latest193838484,se gli provo a dare il comando Refresh mi carica sempre quella in cache(provando a creare una pagina html con img src ecc) ,e non me la genera la nuova,se invece clicco su latest.jpg e premo f5 mi genera la nuova sempre col numero variabile

[KillerWorm]

Occhio, quando posti del codice nel forum, utilizza gli appositi tag di formattazione (vedi regolamento di sezione tra le discussioni in evidenza), altrimenti non si capisce molto e rischi che i moderatori ti chiudano la discussione.

Tornando all'argomento, fammi capire, la pagina che hai linkato nel primo post è tua? Cioè puoi modificarne il codice sorgente?
In tal caso potresti includere il CSS nell'head (dentro un elemento <style> s'intende).

Potrebbe essere una cosa del genere:

<style>
  img{
    width: 100%;
  }
</style>

Questo farà in modo che qualsiasi elemento <img> presente su quella pagina sia impostato con una larghezza del 100% rispetto al suo contenitore. In sostanza, nel tuo caso l'immagine occuperà sempre l'intera larghezza (grossomodo) della finestra.

Se per caso dovessi inserire degli altri contenuti, in particolare degli elementi <img>, allora bisognerebbe capire meglio come procedere per sistemare eventuale HTML e CSS in modo che quella regola sia applicata giusto a quella particolare immagine.



PS: quella pagina presenta diversi errori nel markup. Ti consiglio vivamente di correggerli per ottenere un codice valido ed evitare eventuali comportamenti anomali nella visualizzazione. Puoi usare un validatore (vedi qui) per individuare gli errori e di conseguenza provvedere a correggerli.

[Gaspa89]

Occhio, quando posti del codice nel forum, utilizza gli appositi tag di formattazione (vedi regolamento di sezione tra le discussioni in evidenza), altrimenti non si capisce molto e rischi che i moderatori ti chiudano la discussione.

Tornando all'argomento, fammi capire, la pagina che hai linkato nel primo post � tua? Cio� puoi modificarne il codice sorgente?
In tal caso potresti includere il CSS nell'head (dentro un elemento <style> s'intende).

Potrebbe essere una cosa del genere:

<style>
  img{
    width: 100%;
  }
</style>

Questo far� in modo che qualsiasi elemento <img> presente su quella pagina sia impostato con una larghezza del 100% rispetto al suo contenitore. In sostanza, nel tuo caso l'immagine occuper� sempre l'intera larghezza (grossomodo) della finestra.

Se per caso dovessi inserire degli altri contenuti, in particolare degli elementi <img>, allora bisognerebbe capire meglio come procedere per sistemare eventuale HTML e CSS in modo che quella regola sia applicata giusto a quella particolare immagine.



PS: quella pagina presenta diversi errori nel markup. Ti consiglio vivamente di correggerli per ottenere un codice valido ed evitare eventuali comportamenti anomali nella visualizzazione. Puoi usare un validatore (vedi qui) per individuare gli errori e di conseguenza provvedere a correggerli.

Scusami per il codice non messo bene si la pagina é la mia il problema é che l'img non c'é ma c'é uno javascript nell'http se provo a mettere img src ecc non mi aggiorna l'immagine per il motivo che scritto sopra.Tanto io ho solo creato una pagina html e ci ho copiato dentro lo script che ho postato prima se magari riuscissi tu a crearla tu una con l'mmagine ridimensionata mi faresti veramente felice per adesso grazie comunque

[KillerWorm]

Scusami per il codice non messo bene

Figurati, non devi scusarti con me, è affare tuo mettere a posto la tua pagina. Lo dico per te, il mio consiglio resta quello di avere un codice valido in modo che non ti si presentino eventuali altri errori di visualizzazione con conseguenti grattacapi.

si la pagina é la mia il problema é che l'img non c'é ma c'é uno javascript nell'http se provo a mettere img src ecc non mi aggiorna l'immagine per il motivo che scritto sopra.

Sì, dopo che hai precisato, questo lo avevo capito.

Tanto io ho solo creato una pagina html e ci ho copiato dentro lo script che ho postato prima se magari riuscissi tu a crearla tu una con l'mmagine ridimensionata mi faresti veramente felice per adesso grazie comunque

Per me sarebbe abbastanza semplice postare il codice già bello e pronto ma preferirei che tu faccia prima qualche tentativo per comprendere come e dove intervenire, magari ti potrà servire per altre eventuali situazioni simili.

Nel precedente post ti ho indicato un'altra soluzione. Hai provato ad applicarla?
Che risultato ottieni?

[Gaspa89]

Figurati, non devi scusarti con me, è affare tuo mettere a posto la tua pagina. Lo dico per te, il mio consiglio resta quello di avere un codice valido in modo che non ti si presentino eventuali altri errori di visualizzazione con conseguenti grattacapi.


Sì, dopo che hai precisato, questo lo avevo capito.


Per me sarebbe abbastanza semplice postare il codice già bello e pronto ma preferirei che tu faccia prima qualche tentativo per comprendere come e dove intervenire, magari ti potrà servire per altre eventuali situazioni simili.

Nel precedente post ti ho indicato un'altra soluzione. Hai provato ad applicarla?
Che risultato ottieni?

FunzionaSei stato fantastico ti rigrazio tantissimo

[KillerWorm]

FunzionaSei stato fantastico ti rigrazio tantissimo

Bene, non è stato poi troppo difficile, a parte il fatto che il codice di quella pagina resta ancora non valido. Se ti è possibile, e se hai interesse, segui il mio precedente consiglio.

Scusami per il codice non messo bene

Ho capito ora che in quel caso intendevi il codice postato male sul forum, mentre io ti ho risposto riferendomi al codice non valido della tua pagina. Ad ogni modo ti ho dato dei consigli per entrambe le cose, ti invito a seguirli.

Buon proseguimento.