Un immagine per ogni breakpoint tramite html 
Autore: Di P.
Visite 2219,
Followers 1,
Condiviso 0
Buona sera,
vorrei caricare in immagine diversa ad ogni cambio di breakpoint.
ho provato del codice html utilizzando srcset ma non ottengo risultato
con un codice del genere ho fatto delle prove in anteprima:
<img sizes="(max-width: 1100px) 100vw, 1100px"
srcset="files/prova 797_450.jpg 806w,
files/prova 1110 615.jpg 1000w"
src="files/default.jpg" alt="">
Viene caricata solo ultima immagine default.jpg
Qualcuno ha fatto una cosa simile e puo darmi un suggerimento?
grazie
Postato il
un immagine dove?
in una pagina, o sfondo pagina, o...?
se parli di sfondo:
http://provews.altervista.org/respons/
guarda il sorgente nella pagina...
Autore
in una pagina con oggetto html
il tuo codice non dice nulla....devi usare le @media ed individuare l'oggetto, e in base alla risoluzione linkare un immagine diversa...
... dovresti usare un JS per come di si è sempre fatto, oppure usare il codice in questo modo: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_picture
.
Autore
KolAsim con picture avevo già provato, nessun risultato, l'istruzione srcset viene ignorata come succede nel caso esposto sopra.
...posta un link con una pagina di esempio online delle prove che stai facendo e con le immagini che intendi mettere ...
Scusa ma hai scritto oggetto html o ho letto/capito male ? Non oggetto immagine ?
Autore
Oggetto html, devo avere un immagine diversa ad ogni cambio di breakpoint. Successivamente dovrò mappare ogni immagine.
Preparerò la pagina di esempio, per ora grazie a tutti.
... neanche il link postato ti funziona...?...
... a me funziona sia con CH che FF ...
(... casomai dopo la verifica passeremo al JS ...)
.
Autore
Ho creato un nuovo progetto nel quale ho inserito il codice e le immagini presi dal link. In anteprima funziona.
Quindi il problema è nel progetto che stavo modificando. Ho ripreso quanto fatto ieri e ho rilevato la differenza nel nome delle immagini. Quelle del link non hanno spazi nel nome. Ho sostituito gli spazi con underscore nei nomi delle mie, e funziona.
In pratica il problema era nei nomi con spazi inseriti nelle istruzioni srcset.
Ora proseguo con le prove.
Ringrazio tutti per la disponibilità.
per cambiare immagine di sfondo della pagina ad ogni cambio di breakpoint devi lavorare sul punto 2, personalizzazione, struttura del modello.
qui hai una barra laterale che ti mostra tutti i vari breakpoint. Ogni selezione ti propone la struttura del modello di lato e puoi modificare tutto, dalla larghezza della pagina, alla collocazione del menù, ai colori di sfondo comprese le immagini.
guarda l'allegato, basta che clicchi dove indica la freccia e vedi che cambia l'immagine di lato, da poter fare le modifiche, diverse per ogni breakpoint