Problema responsive con codice incorporato da Flickr 
Author: Vanni P.Salve, dopo un pò di tempo ho deciso di rendere Responsive questo sito che curo da anni. https://www.bestselected.it/
Ci sono delle migliorie ancora da fare a livello grafico ma ho un problema a cui non ho trovato soluzione e riguardano le risoluzioni smartphone e tablet.
Praticamente nella pagina "selezioni del mese"
https://www.bestselected.it/gruppo-flickr-settembre-2021.html
incorporo il codice HTML di Flickr. A questo punto l'operazione di Responsive non avviene e le immagini risultano tagliate a metà in quanto vado a incorporare il codice Flickr dell'immagine con le risoluzioni giuste per il sito desktop.
A questo punto vorrei chiedervi se esiste un modo per rendere il codice html responsive. Oppure se esiste la possibilità di togliere il responsive solo a delle singole pagine?
Vi ringrazio in anticipo per l'attenzione e l'aiuto
ma se metti la protezione del codice delle pagine, come possiamo aiutarti a vedere il codice?
è vero che con Ctrl e U si vede lo stesso, ma aiutaci ad aiutarti...
e comunque provando, io le immagini le vedo adattarsi bene anche in risoluzioni inferiori...
Author
Ok Ho tolto la protezione.
Author
Ma le immagini icorporate col codice Flickr?? Io le ho tagliate su smartphone sia su Tablet.
Ho fatto un test...
<a data-flickr-embed="true" href="https://www.flickr.com/photos/194044007@N05/51532202375/in/dateposted/" title="Marianita"><img src="https://live.staticflickr.com/65535/51532202375_ba07c67c41_c.jpg" width=100%height=100% alt="Marianita"></a>
Author
Ciao. Grazie per il post. Però non ho capito. Devo modificare qualcosa nel codice?
non conosco il tuo codice, però facendo una condivisione e modificando il codice in grassetto se adatta.... oppure prova con il codice che ho postato.
Ciao.
Author
il problema è che il sito conta moltissime pagine e migliaia di foto incorporate con il codice Flickr. Non potrei stare a cambiarlo manulamente per tutte. Per questo chiedevo se esistesse una possibilità "automatica" oppure se si potesse togliere il responsive solo per determinate pagine . Altrimenti dovrei tornare alla visualizzazione desktop unica togliendo il responsive su tutto il sito. Peccato però ...volevo un sito "moderno"
Author
Scusate ancora per il nuovo messaggio. Ma non posso tenere il sito con problemi di visualizzazione troppo a lungo.
Quindi mi rivolgo direttamente agli sviluppatori se esiste una soluzione di facile attuazione al problema. Oppure se non esiste se me lo fate presente e tornerò purtroppo in modalità visione desktop unica per tutti i dispositivi.
Vi inserisco alcuni link al problema
https://www.bestselected.it/gruppo-flickr-ottobre-2021.html
https://www.bestselected.it/gruppo-flickr-settembre-2021.html
https://www.bestselected.it/gruppo-flickr-agosto-2021.html
Con il codice Flickr incorporato il responsive non funziona e le immagini su smartphone e tablet vengono tagliate.
Vi ringrazio ancora per l'attenzione e
scusate l'insistenza
Grazie
Buongiorno Vanni
Essendo che il problema è intrinseco del codice di Flickr inserito che non prevede di rendere le immagini responsive, senza la modifica proposta da Giancarlo B, le immagini non si adatteranno mai in automatico
Attualmente quindi, nonostante sia sicuramente un lavoro lungo, ti suggerire comunque di apportare la modifica via codice così da mantenere il responsive.
Un sito non responsive oggi giorni viene penalizzato enormemente dai motori di ricerca, e bisognerebbe cercare di non avere mai siti non responsive
Resto a disposizione
Stefano
Author
Grazie per la risposta. Valuterò , perchè è davvero un lavoro enorme fatto manualmente. Sono molte pagine di selezioni.
Se è capito bene devo prendere quel codice di Giancarlo , modificarlo per ogni foto. Giusto? Ma in quel caso poi per la visualizzazione desktop risulterebbero troppo piccole le immagini?
Grazie per l'aiuto
Author
Ancora grazie per l'intervento e l'aiuto. vedrò di provare a farcela. :-)
...!... non ho capito quale sarebbe il problema, perchè da quel che ho visto le immagini sono proporzionate sia su PC che su smartphone...!...
.
Confermo e quoto KolAsim ....
le immagini sono perfette...
@Vanni, non è che le stai guardando da browser dopo aver ridimensionato la finestra ?
se si , con la finestra ridotta , prova a far ricaricare la pagina con F5 e vedrai che sono perfette e non tagliate...
Author
Ragazzi sono tre ore che sono qui a risistemare manualmente :-)
Sono arrivato sino ad Aprile. :-)
Vi ringrazio per le risposte
Un abbraccio
Author
Grazia Claudio. Come ho scritto a KolAsim sto sistemando a mano. Sono arrivato ad Aprile. Se vai a Gennaio con Smartphone le vedrai tagliate.
Cmq spero che questo piccolo problma venga risolto in modo automatico nelle prossime versioni.
ah ok... mi spiace...
E no... il problema non è di Website, ma del codice di Flickr...
infatti è quello che va customizzato, ottimo Vanni, buon lavoro
... pagine troppo pesanti e con troppe immagini per il mio vecchio PC...
... dovresti perlomeno indicare una pagina controllabile ben definita in cui si presenta il problema...
... comunque ho visitato gennaio2021, novembre2020 e gennaio2020...
... le prime due pagine sono regolari, ma la terza no! ...e per questa risolvibile eventualmente con un colpo solo di codice CSS...
... attenzione! ...sono presenti degli errori per codice EXTRA in posizione errata...!...
.
Author
Sì ho risistemato il codice html di tutte le fotografie con codice incorporato da Flickr. Ho usato la modifica proposta da Giancarlo sopra. Sono arrivato fino a Settembre 2020. Dovrò continuare procedendo per altri mesi a ritroso.
Cmq con la modifica al codice di Giancarlo il problema è risolto , solo che è stato un lavoro molto lungo.
Mi potresti dire quali errori di codice sono presenti e le modifiche da apportare?
Grazie anche a te per la risposta
... ormai è troppo tardi, ...ma con il mio codice EXTRA annunciato prima si sarebbe potuto risolvere all'istante con un colpo solo per tutte le pagine congrue a quella che ho indicato prima...
... gli errori riguardano codice EXTRA [tag HTML]! che hai inserito tu erroneamente nella sezione HEAD, da eliminare, e poi nel caso da rivedere per non interrompere il flusso corretto del listato...
... altri errori fatti anche in tutti i tag <IMG> nell'attributo WIDTH, orfano di chiusura (")!...
.
Author
Oh Cavolo potevo correggere tutto in modo veloce??
Purtroppo avevo fretta di sistemare.
Potresti scriverlo lo stesso perchè dovrò creare altre pagine ogni mese.
Sì quel codice extra lo avevo dimenticato! Praticamente lo avevo inserito nelle prime pagine poi è rimasto quando duplicavo la pagina per crearne uguali. Ma nelle pagine create successive non mi serviva piu' ma è rimasto. Grazie per la segnalazione davero!
Ti ringrazio per tutto
... personalmente mi devo basare su quello che vedo, infatti è per questo che non capivo dove era il problema che on potevo rilevare sui link postati, ...ma comunque adesso non servirebbe più, perchè dovendole ancora creare puoi agire già a monte per un formato ad hoc...
.
ciao
.