Mostrar botones para compartir en redes sociales y comentarios de Facebook en un modal de lightbox (superposición de imagen)

8 may 2012, 02:58:40
Vistas: 14.2K
Votos: 0

Me gustaría mostrar comentarios de Facebook y botones para compartir en el modal de lightbox (superposición de imagen) que aparece al hacer clic en una imagen de la galería.

Algo muy parecido a lo que han hecho en este sitio web por ejemplo (si haces clic en alguna de las miniaturas verás a lo que me refiero).

¿Cómo puedo hacerlo?

2
Comentarios

Las imágenes sobre las que están comentando son fotos divertidas que he encontrado y que la gente ha subido, como en FunnyJunk, donde la gente deja comentarios y da 'me gusta' a la imagen. Funciona muy bien y tengo algo similar en otro de mis sitios, donde funcionó increíblemente bien para promocionar la web y obtuve una cantidad enorme de visitantes porque la gente compartía y daba 'me gusta' al contenido en mi otro sitio.

Lucas Lucas
8 may 2012 14:00:36

¿alguien puede ayudar?

Lucas Lucas
9 may 2012 01:40:51
Todas las respuestas a la pregunta 4
0

Puedes mostrar herramientas de compartir en Facebook y Pinterest en el lightbox de Nextgen con esta herramienta:

http://sharemygallery.com

Quieres una caja de comentarios de Facebook. Lamentablemente, esto no hace eso. Este plugin coloca botones para compartir en Facebook y Pinterest en la parte inferior del navegador de imágenes.

Puede ser útil si solo quieres que la gente empiece a compartir las imágenes de tu galería NextGen...

Transparencia: Este es mi propio plugin, de hecho mi primero, y cualquier retroalimentación es muy apreciada.

6 ago 2012 16:32:33
9

ESTA ES UNA MODIFICACIÓN DEL PLUGIN COLORBOX/LIGHTBOX. Colorbox/LIGHTBOX con integración de compartir en facebook, twitter, google plus y comentarios de facebook.

También funciona con Nextgen u otra galería.
Busqué esto en internet pero desafortunadamente no encontré nada.

Aquí está mi solución para un sitio de WordPress

Aquí está el demo http://maruf.sahajjo.com/wp_mr_workshop/photo-gallery/

Si crees que esto se adapta a tus necesidades, descarga el código. https://www.dropbox.com/s/fietxxohy4lxgh4/lightboxsocialshare.zip

Puedes echar un vistazo a la línea 233 de shutterreloade.js. Esta línea simplemente te indica que cargues el socialsharingzone.php en el iframe después de la imagen. Allí envío la URL de la imagen para compartir usando las API de FB, Twitter y G+.

var v = $("#lightbox-image")[0].src;
$('#shComments').attr('src', 'socialsharingzone.php?w='+(intWidth)+ "&url="+ v);



TAMBIÉN mira las líneas 30-34 de shuterreload.js

imageLoading:'colorboxpluginimage/lightbox-ico-loading.gif',
imageBtnPrev:'colorboxpluginimage/lightbox-btn-prev.gif',
imageBtnNext:'colorboxpluginimage/lightbox-btn-next.gif'
imageBtnClose:'colorboxpluginimage/lightbox-btn-close.gif'
imageBlank:'colorboxpluginimage/lightbox-blank.gif',    

Creo que el resto es bastante fácil.

Intenta usar una URL real{SERVIDOR} de la imagen. De lo contrario, los "me gusta" y comentarios de Facebook no funcionarán [VER LAS REGLAS DE FACEBOOK] Si encuentras alguna dificultad, házmelo saber. Estoy feliz de responderte.

27 ago 2013 18:21:45
Comentarios

Por favor, limpia esta respuesta eliminando las MAYÚSCULAS INNECESARIAS (usa las herramientas del editor para indicar énfasis, negrita, etc). También elimina información innecesaria como cuánto disfrutas el sitio, tu historia de vida, etc. Esta lectura adicional no ayuda a los usuarios a encontrar información. Gracias.

GhostToast GhostToast
27 ago 2013 19:04:58

Pasé demasiado tiempo escribiendo este código. Solo comparto mi opinión. Solo comparto este plugin con todos, para que cualquiera pueda usarlo de forma gratuita.

Rocker Maruf Rocker Maruf
28 ago 2013 09:27:34

Pasé demasiado tiempo leyendo esta respuesta :/

Michal Mau Michal Mau
29 ago 2013 12:46:41

@michal-mau, ¿Podrías decirme si este plugin satisface tus necesidades? Si no es así, házmelo saber. Estoy encantado de responderte. Soy nuevo aquí en stackexchange.

Rocker Maruf Rocker Maruf
30 ago 2013 17:31:46

¡Mi comentario no iba dirigido a la calidad de tu plugin! Estaba más preocupado por la calidad general de tu respuesta como mencionó @GhostToast y por tu respuesta a él. Por favor, sigue sus consejos sobre cómo hacer tu respuesta más legible, relevante y útil.

Michal Mau Michal Mau
30 ago 2013 18:05:38

Esto se ve mucho mejor. ¡Gracias @RockerMaruf por tus ediciones!

GhostToast GhostToast
30 ago 2013 18:17:22

Gracias @GhostToast por tu sugerencia. Espero seguir mejorando.

Rocker Maruf Rocker Maruf
30 ago 2013 18:24:12

No hay problema .) ¡Bienvenido a WPSE!!

Michal Mau Michal Mau
30 ago 2013 18:29:44

Por favor envíame un mensaje si necesitas ayuda para integrar esto. Seguiré actualizando para que este plugin pueda usarse fácilmente en cualquier parte

Rocker Maruf Rocker Maruf
31 may 2014 09:04:59
Mostrar los 4 comentarios restantes
0

¿Es esto lo que estás buscando?

http://www.flexostudio.com/flexo-social-gallery.html

Flexo es un complemento para el plugin Nextgen Gallery, que añade comentarios de Facebook y "me gusta" a cada foto.

28 may 2012 00:37:55
2

También puedes usar http://www.socialgalleryplugin.com - que añade comentarios sociales (Facebook y Disqus) y compartir en redes (Twitter, Me gusta de Facebook y Pinterest)

...también funciona con NextGen

8 sept 2012 09:50:13
Comentarios

Debes revelar tu afiliación.

fuxia fuxia
22 sept 2012 01:21:21

Lo siento...Creador..

Woody Hayday Woody Hayday
22 sept 2012 15:09:12