Pregunta sobre Lazy Loader de Wordpress:

Botón para compartir de Pinterest

Un usuario preguntó 👇

Hola Florian,

Gracias de nuevo por el increíble plugin y soporte 🙂

Recientemente agregué un botón para compartir de Pinterest usando el plugin Monarch.

Cuando su plugin de carga diferida está activo y hago clic en el botón Compartir de Pinterest, solo las imágenes que configuro sin carga diferida se muestran en la ventana de las imágenes disponibles para compartir. Las imágenes contienen imágenes residentes configuradas con una carga diferida para representarlas. Incluso después de que todas las imágenes se hayan cargado con pereza en la página, las imágenes cargadas con pereza en la ventana «seleccionar imagen» solo tienen imágenes de locales.

Cuando desactivo el plugin Lazy Loader, y cuando hago clic en el botón de compartir de Pinterest, las imágenes se muestran muy bien en la ventana para seleccionar la imagen para compartir.

Lo único relevante que encontré fue este ticket muy similar: https://github.com/aFarkas/lazysizes/issues/153

el 4 de septiembre de 2015 Muchas gracias por ayudar con este problema, ahora está funcionando usando el código en su primera instancia (usando el elemento de imagen). Tuve que eliminar los ‘datos:’ de la etiqueta de la imagen para mantener el tamaño completo de la página en la carga inicial y cambiar el tamaño mientras me desplazaba.

refiriéndose a esto: …http://placehold.it/700MU300300 ″; class = «lazyload» alt = «imagen por artdirection» />

Pero no estoy seguro de cómo usar ese u otros comentarios en ese ticket de problema.

Cuando exploro una función en mi ventana compartida de Pinterest:

la imagen que decidí no poner en una carga diferida en la configuración es excelente: img src = ”https://mydomain.com/…; .Final-3.jpg «alt =» Esto es alt alt. «

imagen que se carga lentamente y muestra una imagen de un residente en esta ventana compartida de Pinterest: img src = «undefined» alt = «Este es el texto del artículo».

Muchas gracias 🙂

(@florianbrinkmann)

Hace 2 años, 8 meses

Oye,

el plugin ya usa este patrón (debería ser un data-src para cada imagen con el .lazyload class), y no puedo reproducir la edición (instalé este plugin para una prueba rápida: https://wordpress.org/plugins/pinterest-pin-it-button-on-image-hover-and-post/ ).

¿Tiene otros plugins instalados que cambian el marcado de la imagen?

Mejor, Florian

(@wprox)

Hace 2 años, 8 meses

Gracias, solo desactivé los plugins de amplificador pero no hicieron ninguna diferencia …

(@florianbrinkmann)

Hace 2 años, 8 meses

¿El sitio que está cuestionando todavía es privado? Si no es así, ¿podría publicar el enlace? Si es así, ¿podría comprobar el código fuente de sus páginas si data-src característica de la .lazyload imagenes

Mejor, Florian

(@wprox)

Hace 2 años, 8 meses

Gracias Florian, el sitio es privado y contiene data-src.

Probé ese plugin de botón de pin de Pinterest que funcionó para usted, y funciona bien para mí imagen por imagen. Tengo la intención de usar un plugin como ese.

Pero además de ese tipo de plugin de Pinterest, también estoy usando el plugin Monarch que tiene un botón fijo para compartir en redes sociales de Pinterest que se desplaza hacia abajo en la página con el usuario. Hay un botón de Pinterest (no adjunto a una sola imagen, sino que se desplaza hacia abajo en la página) cuando se hace clic en él, se abre una ventana con TODAS las imágenes de la página para permitir que la persona seleccione una con Pinterest. Cuando la carga es floja, lo hace perfectamente. Cuando hay una carga diferida, no recibe la mayoría de las imágenes, pero las que no son en su mayoría carga diferida.

Dado que Monarch es miembro de Elegant Themes, supongo que no tienes acceso a él. Pero este plugin se parece más a lo que le estoy informando a Monarch que al plugin de pin por imagen que probó anteriormente: https://wordpress.org/plugins/sassy-social-share/

Por favor, avíseme si esto ofrece alguna pista sobre el problema …

Gracias de nuevo !!!

(@florianbrinkmann)

Hace 2 años, 8 meses

Oye,

Instalé el plugin y ahora puedo reproducir el problema. No sé cómo interactúa el plugin con Pinterest para obtener las imágenes de la página, pero supongo que dobla el img elementos y guarda el src. Y con eso, no veo una forma de solucionarlo con el plugin, debido a la src el atributo debe eliminarse.

Podrías intentar esto lazySizes.loader.unveil métodohttps://github.com/aFarkas/lazysizes#js-api—methods) antes de que el Pinterest haga clic en todas las imágenes, por lo que se cargan todas las imágenes. Pero no puedo decir exactamente cómo hacerlo para asegurarme de que se ejecute antes de que se cargue el marco de pinterest …

Espero que eso ayude, Florian

(@wprox)

Hace 2 años, 8 meses

¡Gracias Florian por toda tu ayuda!

Sigo trabajando en esto con el apoyo de Monarch …

(@wprox)

Hace 2 años, 7 meses

Hola Florian,

Tengo esto en la parte inferior de mi página, ¿es esto de su plugin?

;

¡Gracias!

(@florianbrinkmann)

Hace 2 años, 7 meses

Oye,

No es. La ruta al script perezoso usado por mi plugin es wp-content / plugins / lazy-loading-responsive-images / js / lazysizes.min.js.

Mejor, Florian

Esta respuesta fue modificada hace 2 años, 7 meses.

(@wprox)

Hace 2 años, 7 meses

Gracias de nuevo por toda tu ayuda y el maravilloso plugin Florian 🙂

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.