more button problem

Can you share a link and the shortcode you are using?

https://foto.karculat.hu/photonic-test/

[flickr type=”flickr” user_id=’48473408@N06′ view=’photosets’ photoset_id=’72157700347925015′ media=’all’ tag_mode=’any’ sort=’date-posted-desc’ per_page=’20’ more=’More’ photo_more=’More’ layout=’random’ caption=’none’ thumb_size=’t’ main_size=’h’ collections_display=’lazy’ fx=’fade’]

The loading problem is only with a lot of picture annoying. (50-100 or more load)

In your case what I see is that there are 2 JavaScript errors showing up from other plugins:

• Uncaught TypeError: $currentSong.data is not a function
• POST https://foto.karculat.hu/wp-admin/admin-ajax.php 400 (Bad Request)

Both of these seem to be coming from your theme, file https://foto.karculat.hu/wp-content/themes/mobius/js/custom.js.

These errors are preventing other JavaScript from executing. E.g.: if you click on the “More” button nothing happens because the errors above are not letting the “More” button JavaScript execute.

You might need to contact your theme support to get the JS errors resolved, because they will affect other plugins as well, not just Photonic.

Even for the images, Photonic has default functionality to show a “loading” icon while the images are being loaded (see the demo pages). But it is likely that the incorrect JavaScript is affecting that as well. Once you are able to resolve the JS issue I can help you with this as well.

• This reply was modified 6 years, 7 months ago by Sayontan Sinha.

Thank you for the fast answer. I tried to solve the problem. If I disable “Ajax Navigation”, the Photonic more button works great.

Do you have any solution for the loading problem? I want to show the further photos only, if the loading is finished.

It looks like I introduced a bug in the previous version of the plugin. I apologize for that!

The fix is hopefully simple. If you go to wp-content/plugins/photonic/include/scripts/photonic.js, line 1536 you will see this:

container.find('.photonic-' + level).css({'display': 'inline-block' });

Replace it with this:

//container.find('.photonic-' + level).css({'display': 'inline-block' });

(i.e. comment it out)

Save the file and refresh your caching plugin. Hopefully this will fix the issue.

Let me know if it works, and I will put this into the next version of the plugin.

You wrote the same code, could you send please the right code again?

There is a “//“ at the start of the second block of code.

• This reply was modified 6 years, 7 months ago by Sayontan Sinha.

Sorry, it works fine.

(First time, I deactivated the original line, and copied the new – without “//”.)

Thanks for the super fast support! ??

I have another problem with this new loading mode. If it has to load too much images (50 or more), the loading icon desappear sooner, as the pictures appear. So, the user is thinking, that the loading does not work and press the button again.

While I can offer the changes for this here, if you do not have an urgent need for the fix I would propose that you wait for the next version. This fix requires changes at a few more places (it is not as simple as commenting out one single line).

Thank you very much, I’m waiting for the new version.

Version 2.00 should have this fix.

Thank you! ??