Un utente ha chiesto informazioni su Customizr di Wordpress

zoomare le immagini scorrevoli

Un utente ha chiesto 👇

Ciao,

Ho spinto la mia testa contro questo per alcune ore e non riesco a capirlo, quindi spero che qualcuno possa aiutare 🙂

Ho un dispositivo di scorrimento sulla home page con tre immagini, ma vengono visualizzate ingrandite (la prima e la terza immagine sono quindi più grandi). Ho provato solo un’immagine, ricaricando copie di tutte le immagini della stessa dimensione, ricaricando copie a un’altezza di 500 pixel e facendo clic in modo casuale sulle varie opzioni di scorrimento. Nessuna gioia.

Vogliamo avere qualche idea,
Grazie in anticipo,
Roger

(@emranemranx)

1 anno, 9 mesi fa

Ciao Wollyroger,

Non riesco a riprodurre il problema da parte mia o sulla tua pagina. Suggerirei di provare i seguenti passaggi per la risoluzione dei problemi.

Utilizza le ultime versioni del software : assicurati che WordPress, il tuo tema e tutti i plugin siano aggiornati.

Plugin della cache : se utilizzi una cache del server o un plug-in della cache, chiarisci il contenuto della cache e disabilita la cache tramite le sue impostazioni.

Browser :

svuota la cache / cronologia del browser,
prova a passare a un browser diverso, assicurati di non utilizzare componenti aggiuntivi o estensioni nel tuo browser che potrebbero entrare in conflitto con il tuo sito web.

Verifica la presenza di conflitti tra i plug-in : disattiva tutti i tuoi plugin. Se risolve il problema, riattiva i plug-in uno per uno, finché non riconosci il plug-in in conflitto.

Utente del tema figlio : attiva il tema principale se utilizzi un tema figlio

Javascript: assicurati di non aver inserito codice javascript personalizzato (come analisi, popup di abbonamento íos), ad esempio in un widget, che potrebbe danneggiare il tuo sito. Lanciatore di thread

(@wollyroger)

1 anno, 9 mesi fa

HI emranemranx

Grazie per la riproduzione e i suggerimenti,

Ho esaminato tutti i suggerimenti qui e il problema purtroppo è ancora lì (sia su Microsoft Edge che su Chrome). Ecco alcuni screenshot che dovrebbero illustrare il problema, speriamo …

Come appare l’immagine sul sito:

https://snag.gy/z86AT3.jpg

Come dovrebbe apparire:

https://snag.gy/9ny3EW.jpg

Capisco che potrebbe esserci un taglio dell’altezza per adattarlo al cinema con un’altezza di 500 pixel, ma mi aspetterei di vedere l’intera larghezza …?

Cordiali saluti,
Roger

Questa risposta è stata modificata 1 anno, 9 mesi fa da. Lanciatore di thread

(@wollyroger)

1 anno, 9 mesi fa

Sembra che serva l’immagine corretta all’inizio prima di passare (dopo mezzo secondo) alla versione ingrandita.

Ho provato a rimuovere tutto il contenuto HTML dalla home page e il problema persiste …

(@debshadovitz)

1 anno, 9 mesi fa

Ciao @wollyroger

Hai guardato il tuo sito su diverse piattaforme, monitor, dispositivi? Credo che tu stia cambiando dinamicamente le dimensioni per adattarle alla larghezza della particolare finestra visualizzata.

Sembra che tu abbia accorciato l’altezza nell’area Personalizza. Se ritagli l’immagine alla dimensione consigliata di 1170 px di larghezza e la ritagli all’altezza desiderata, potrebbe interrompersi.

Su 2 dei miei siti, ho un dispositivo di scorrimento più corto sul mio sito. Ho impostato l’impostazione Personalizza su quell’altezza per ogni pagina in modo che corrisponda all’altezza della mia immagine e non credo che ritagliano affatto. Ecco uno dei miei siti per paura che ti aiuti a vederlo. Tuttavia, a volte noto che la parte superiore dei miei capelli è isolata nella seconda immagine delle due immagini scorrevoli.
https://talesoftravelandtech.com

Spero di avere ragione e che questo possa aiutare.

Lanciatore di thread

(@wollyroger)

1 anno, 9 mesi fa

Ciao Deb,

Grazie per la risposta,

Sfortunatamente, le immagini sembrano essere “ingrandite” anche sul mio telefono e iPad. Non visualizzano la loro larghezza intera su nessun dispositivo.

Ho provato diverse dimensioni e rapporti di immagine (1170 inclusi), ma anche senza alcuna gioia

(@emranemranx)

1 anno, 9 mesi fa

Ciao Wollyroger,

Le immagini di sfondo rispondono automaticamente. La visualizzazione può essere diversa, tuttavia, a seconda del dispositivo, è così che funziona CSS. Consulta le seguenti sezioni delle informazioni di base per scoprire come reagiscono le immagini di sfondo sui dispositivi reattivi:

http://docs.presscustomizr.com/article/47-what-images-dimensions-for-my-slides

https://wordpress.org/support/topic/slider-and-big-resolutions/
https://themify.me/blog/background-image-varies-difference-devices
https://support.undsgn.com/hc/en-us/articles/213459809

Può verificarsi un piccolo ritaglio, altrimenti le diapositive sono perfettamente visibili.

Lanciatore di thread

(@wollyroger)

1 anno, 9 mesi fa

Ciao a tutti,

Ho esaminato di nuovo tutti i tuoi suggerimenti questa mattina e mi sembra di aver capito bene usando la larghezza 1170 come suggerito da @debshadovitz. Non ho cancellato la cache del sito la prima volta che l’ho fatto, motivo per cui non ho visto alcuna differenza nell’aspetto del tempo di latenza.

Grazie a tutti per il vostro aiuto 🙂

(@debshadovitz)

1 anno, 9 mesi fa

Ottimo @wollyroger! Sono contento di aver aiutato.
(Non avvicinarti alle cime come ho fatto io. 🙂)

A proposito, ecco una buona pagina per tutti noi:
https://kinsta.com/knowledgebase/how-to-clear-browser-cache/

Si aprirà in una nuova scheda.

Ricorda di contrassegnarlo come una soluzione.

Lanciatore di thread

(@wollyroger)

1 anno, 9 mesi fa

🙂

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *