2013-07-04 4 views
4

Цели:
Я хотел бы иметь кнопку доли в моем FancyBox, которые разделяют изображение Я смотрю на правильное имя изображения в дольщике Facebook. Мне бы хотелось, чтобы пользователь щелкнул по нему в Facebook, и он приступил к открытому Fancybox с правильным изображением.динамически изменять facebook ога изображение кнопки FancyBox доли

Проблема:
У меня есть галерея с JQuery FancyBox (http://fancyapps.com/fancybox/). Я добавил кнопку совместного доступа с кодом, который я нахожу в этой скрипке (http://jsfiddle.net/G5TC3/). Моя кнопка «Поделиться» работает, но вы получите мета-файл с сайта, и я хочу получить изображение og: изображение, которое я просматриваю.

$(".fancybox") 
.attr('rel', 'gallery') 
.fancybox({ 
    beforeShow: function() { 
     if (this.title) { 

      // Add FaceBook like button 
      this.title += '<iframe src="//www.facebook.com/plugins/like.php?href=' + this.href + '&amp;layout=button_count&amp;show_faces=true&amp;width=500&amp;action=like&amp;font&amp;colorscheme=light&amp;height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:23px;" allowTransparency="true"></iframe>'; 
     } 
    }, 
    helpers : { 
     title : { 
      type: 'inside' 
     } 
    } 
}); 

Для пользователя, который нажимает на мою ссылку и прибыл на открытом Facybox с правильным образом я понятия не имею, как это сделать, и если это возможно.

То, что я знаю:
Я знаю, что я должен иметь Уникальную URL для каждых изображений, и я думаю, что у меня есть. ех с моего сайта:
www.myURL.com/images/gallery/myimages_1.jpg
www.myURL.com/images/gallery/myimages_2.jpg

Является ли это правильно?

Я думаю, что мне нужно изменить «this.href» в sharer по URL-адресу изображения. Во-первых, это правильно? И второй (извините, что я новичок в javascript), как я могу это сделать?

Я надеюсь, что кто-то может мне помочь. Извините за мой английский Я пытаюсь написать свой лучший английский :) Если вам нужна дополнительная информация, пожалуйста, не стесняйтесь.

Благодаря

[EDIT]:

добавить этот скрипт на странице галереи

$(function() 
{ 
    $('.thumbs').click(function() 
    { 
     $tempImgName = $(this).attr('id'); 
     $tempUrl = this.href + '/images/thumbs/' + $tempImgName; 
     $meta = document.getElementById('facebook'); 
     $meta.setAttribute("content",$tempUrl); 
    }); 
}); 

Так что, когда я нажимаю на thumbsnail (с классом .thumbs) Я получаю изображение URL, и я меняю мета (с идентификатором facebook). Он работает, но я думаю, что Facebook проверяет мета, когда загружается страница, и как я могу заставить Facebook перепроверить мою мета, чтобы передать хорошие большие пальцы?

+0

Вы решили? – aleXela

+0

еще не понял первый ответ извините. – JeremRama

ответ

0

og: изображение не может быть изменено по URL-адресу. Вам нужно указать разные URL-адреса для разных изображений.

Например: -

www.myURL.com/?pic=img1

www.myURL.com/?pic=img2 т.д.

И на стороне сервера язык (например, PHP) может прочитать аргумент «pic» GET и изменить изображение og :.

+0

Хорошо, я думаю, у меня есть другой URL для каждого изображения. Я просто не знаю, как получить URL-адрес изображения в PHP. Я видел что-то подобное в коде, но я не понимаю, как связать «i» (я не знаю, откуда он) с URL-адресом http://myURL.com/pics/ ". $ _ GET ['i']; Не могли бы вы объяснить мне кратко: Thx много! – JeremRama

+0

А, вот что вы должны сделать ' ' ';' И URL-адрес общего доступа должен быть www.myURL.com/?i=1 или i = 2 и т. д. – MarutiB

+0

Я отредактировал свой вопрос. Теперь я меняю метатег, когда нажимаю на большие пальцы, но я не знаю, как заставить Facebook перепроверить мою мета. Возможно ли это? Thx – JeremRama

Смежные вопросы