У меня проблема с отправкой изображений в социальные сети как (Facebook, Twitter, ...), так как изображение является всплывающим изображением, что означает, что оно не отображается в отдельной ссылке, поэтому я не могу поделиться полным URL-адресом, и другая проблема, на которую источник тега изображения указывает на мое хранилище, это код изображения:
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
<a class="fancybox-buttons img-holder small-img" rel="gallery" title="" data-fancybox-group="button" href="/storage/galleries/{{$gallery->image}}">
<img src="/storage/galleries/{{$gallery->image}}" alt="img">
</a>
</div>
вот код Js для всплывающего окна
$('.fancybox-buttons').fancybox({
openEffect : 'none',
closeEffect : 'none',
prevEffect : 'none',
nextEffect : 'none',
closeBtn : false,
helpers : {
title : {
type : 'inside'
},
buttons : {}
},
afterLoad : function() {
this.title = '<a href="https://www.facebook.com/sharer/sharer.php?u={{ urlencode(Request::fullUrl()) }}" class="btn btn-fb btn-small"><i class="fa fa-facebook right-fa"></i> Share</a>' +
'<a href="https://twitter.com/intent/tweet?url={{ urlencode(Request::fullUrl()) }}" class="btn btn-tw btn-small"><i class="fa fa-twitter right-fa"></i> Share</a>' +
'<a href="https://plus.google.com/share?url={{ urlencode(Request::fullUrl()) }}" class="btn btn-inst btn-small"><i class="fa fa-instagram right-fa"></i> Share</a>';
}
});