Discussion on Share This Image - jQuery Image Sharing Plugin

ILLID

ILLID supports this item

Supported

134 comments found.

I have just purchased the script and installed it on my site but there are two issues. 1. The share links doesn’t appear on my iphone 4s. 2. When I click through the latest version through Firefox on my desktop, it shows up like the attached link. [IMG]http://i67.tinypic.com/2pocw1i.jpg[/IMG]. Please help.

Hi,

First of all can you please give me the link to the life example of this issue?

Please update me that can I implement google event tracker to track the click event on it. if yes then how …...

Hi,

Yes, you can do this.

There is much ways to make this. For example open sti.js file, find

$('body').on('click', '.sti-btn', function(e) {
    e.preventDefault();
    e.stopPropagation();

    var network = $(this).data('network');

    methods.shareData(this, network);

});

and replace with something like

<pre>
$('body').on('click', '.sti-btn', function(e) {
    e.preventDefault();
    e.stopPropagation();

    var network = $(this).data('network');
    ga('send', 'event', 'Image Share', 'Click', network );            

    methods.shareData(this, network);

});
</pre>

Your demo website is reported as unsecure by Firefox. Thought you might want to be made aware of this.

Looks like your https certificate isn’t setup right.

Hi,

Thanks for reporting. Yes, there was temporary issue with ssl certificate. Now all is fine.

Hello,

I bought the tool Share This Image and wanted to ask the following times.

1. How can I make the settings, the buttons are already displayed directly in the photo and not only when you drive over it.

2. Is this variant also for DIV blocks and not just for photos.

I am glad when I hear of them.

Sorry for my english, that is not good.

greetings Jörg Lügering

Hi,

1. You can make this by setting ‘Always show’ plugin option to ‘true’.

2. Yep. But if you want to use this plugin with custom DIV blocks you need to set data attributes for it like it says in the plugin documentation.

Hello

Thank you for your quick response. Could you please give me an example with 2 , I am unfortunately not so good in JAVA and my englich is not good.

Thank you in advance.

greetings Jörg

Well, for example you want to use for sharing div block with classname ’’shared-box”.

So markup for this block should look like that

<div class="shared-box" data-media="images/youre-cool-image.jpg" data-title="Title for image" data-summary="Description for image"> 
   Youre custom content ( text, html or any other )
</div>

Hello, can I use this plugin for Venobox – jQuery Lightbox?

Hi,

Yes, you can. But for proper work of sharing plugin you must call it after the lighbox with image is opened. Every js lighbox plugin has method like ‘afterOpen’ thats triggered just after the lighbox is opened.

Hi, does this plugin work with jQuery 2.0 ++?

Hi,

Yes, sure

Is PHP required?

Yes, it is required.

ferdi1

ferdi1 Purchased

I just bought this plugin and uploaded sti to my plugin folder. But it doesn’t appear in my plugin list nor anywhere else. What do I wrong?

ferdi1

ferdi1 Purchased

I see now that this is normal. I know added the stuff to the head and body according to the help file. And I added the paths. But it doesn’t work. Can you look if I do anything wrong: http://www.1staab.com/2017/06/17/ken-kelly-5/ Thanks

ferdi1

ferdi1 Purchased

Problem solved. In your help file there is no <script> ...</script> in the Call Plugin sti method.

kczilla

kczilla Purchased

STI causes width changes on hover for percentage widths.

Please send me the css to fix this scenario.

When the image tag has a percentage width and wrapped in a div of percentage width your plugin alters the width on hover, where the user sees the container moving (expand and contract).

You can simulate this scenario with this:

For example,

Before hover

<style>
.img-class { width:100%; height:auto'}
</style>

<div class="col-md-6">
       <img class="img-class" src="foo.png" />
</div>
After hover with STI DOM changes
<style>
.img-class { width:100%; height:auto'}
</style>
<div class="col-md-6">
    <div class="sti vertical style-flat" style="margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;position:relative;top:auto;bottom:auto;left:auto;right:auto;float:none;max-width:none;width:350px;height:392px;">

   <img class="sti_reset img-class" src="foo.png" />

   <span class="sti-share-box" style="top:0px;left:0px;">
   <span class="sti-btn sti-facebook-btn" data-network="facebook" rel="nofollow">Share</span></span>

</div>
</div>

Hi,

Sorry, but I wasn’t able to reproduce this bug with those styles that I write. Maybe you can give me the link to the live example of this issue?

Thanks!

kczilla

kczilla Purchased

Your product is NOT working anymore for facebook image shares!

Where is the fix for the deprecated facebook as of Jul 17 2017? see https://developers.facebook.com/docs/sharing/reference/feed-dialog

smarts

smarts Purchased

Hello Great work! I have a question is there a way I can use just the share function of this plugin? I have a small quiz and at the end I want to be able to share the results, I already have social icons I just need them use the data attributes on click.

Hi,

Well it is possible but you need strong programming knowledge for that.

It is not easy and you will need to rewrite large chunk of code.

Is this project dead ? I seen that you only updated the wordpress version.

can you share the share.php file. when we use this script and point to our sharer.php, it doesn’t display the image on facebook.

Please give me your email and I will send it to you.

i have the same problem … when we use our sharer.php, it doesn’t display the image on facebook.

by
by
by
by
by
by