Loading Images

Hey Emre,

Nice to meet you!

To execute the JS, you would just need the sbi_init() function.

Is this something needed for a certain configuration of your plugin to work with ours? If so we can add an FAQ about it as there are many of our users that also use your plugin.

– Craig

thank you so much ?? I want to add the images of this plugin to my Lazy Load feature. Our Lazy Load feature load the images. is it cool?

do you have any hook which edits [instagram-feed]? I want to modify it as below.

<noscript>
[instagram-feed]
</noscript>

• This reply was modified 4 years, 10 months ago by Emre Vona.

Hey again Emre,

Yes you can definitely do whatever you need to in order to get our plugin to work with your features! The sbi_init() function has been the way our JavaScript is executed for a long time so it very likely will never change.

I should tell you a few things though. Making our plugin more compatible with lazy-loading plugins is going to be a priority in upcoming releases. If you have any thoughts you can share them here or contact us on our website:

https://smashballoon.com/instagram-feed/support/

Currently our plugin loads a placeholder for all images in the feed and then switches it for the most optimum sized image based on the actual size of the image on the page. This causes a conflict with lazy-loading features so we have a setting to disable this on the “Customize” tab:

https://snipboard.io/Fr6C4m.jpg

If it would be beneficial to be able to enable this setting using a hook let me know and I can add it into the plugin.

For your question about this:
<noscript>
[instagram-feed]
</noscript>

I’m thinking you are hoping to wrap the entire feed in “noscript” tags? Would it work to add the tags before and after the generated HTML from the shortcode. We don’t currently have a way to do this with hooks but it would make sense to add these in for something like this.

Let me know if you have more questions!

– Craig

I do not replace the images. I just load the html source with lazy load and execute sbi_init() function.

but I recommend you to add some hook. For example; “before short code” and “after short code” to detect your short code or html source.

Ahh I see. Sounds like that will work great.

Yes I’ve made a note to add those hooks as I’m sure others might be interested in them as well.

thanks ??

I have an idea. does it cause any issue?

1. I replace the id as below.
<div style=”display:none;” data-wpfcif-id=”sb_instagram”>

2. Later I add “id” attribute and run .show() and sbi_init()

• This reply was modified 4 years, 10 months ago by Emre Vona.
• This reply was modified 4 years, 10 months ago by Emre Vona.

Yeah I don’t think it would cause an issue though I might mention that the JavaScript for the feeds uses the “sbi” class to detect if a feed is on the page. The “sb_instagram” ID is only used for CSS.

That might not matter to what you are doing though I suppose.

thank you.

I have another idea ?? If the shortcode is added as below, it can be loaded via Lazy Load of wp fastest cache.

<noscript data-type=”wpfc”>[instagram-feed]</noscript>

Ahh yeah that seems pretty straightforward.

We are going to release an update next week. We are adding support for a few hooks that you can use for this ‘sbi_before_feed’ and ‘sbi_after_feed’. Some examples:

add_action( 'sbi_before_feed', 'sbi_custom_before_feed', 10, 2 );
add_action( 'sbi_after_feed', 'sbi_custom_after_feed', 10, 2 );

wow ?? it is better. if you tell me know when you release a new version, it makes me so happy.

It should be coming out today! The Pro version already has these changes.

thank you ??