makfak supports this item


1118 comments found.

We just did a site migration with no problems – except that the PhotoMosaic is only working on wifi. For some reason when I look at on a phone using data (not wifi), it doesn’t show up.

If you inspect element, however, the code is there. It gets as far as: < div id=”photoMosaicTarget2F291810C1B3” class=”photoMosaicTarget” data-version=”2.15.7” >, but after that just has: <noscript></noscript> with a large block of html in quotes between the noscript parameters.

Any ideas? I disabled all other plugins, and reinstalled this plugin to troubleshoot.

Got the following warning:

Uncaught ReferenceError: React is not defined(…) (anonymous function) @ photomosaic.js:4097 (anonymous function) @ photomosaic.js:4269

It looks like Facebook had a CDN issue that has since been resolved. Let me know if you’re still seeing the error.

It seems to be working now. Thanks so much for the help


I have exactly the same issue. PhotoMosaic doesn’t show up and I have <noscript></noscript> in code. Seems react is down from :

I get : ReferenceError: React is not defined[En savoir plus] photomosaic.min.js:7:31856 and GET [HTTP/1.1 404 Not Found] react 0.14 is down too. All are done from How to fix it ? Do you have the physical file ?

Okey, I remplaced by lib here : It’s working again. You should apply a fix or put libs in folders.

It looks like Facebook had a CDN issue that has since been resolved. No fix necessary and loading from a global CDN will always be faster than loading from a single, shared site server’s static-resources folder.

PhotoMosaic suddenly not appearing on homepage. Browser source console indicates React lib not found. Failed to load resource: the server responded with a status of 404 (Not Found) photomosaic.min.js:8 Uncaught ReferenceError: React is not defined at photomosaic.min.js:8 at photomosaic.min.js:8

We made sure to update to latest plug-in version also.

It looks like Facebook had a CDN issue that has since been resolved. Your site seems to be fine now. Let me know if you’re still seeing the issue.

I’m getting the same errors as the previous comments are. My site is, what to do??

Can you be more specific? What errors are you seeing. Everything appears to be fine.

photomosaic.js:2438 PhotoMosaic: ERROR: Specified gallery data is empty. I am getting this error and photomosiac gallery is not loading. I am using

[gallery theme=”photomosaic” ids=”4234,4235,4236,4237,4238,4239,4240,4241,4242,4243,4244,4245,4246,4247,4248,4249,4250,4251,4252,4253,4254,4255,4256,4257,4258,4259,4260,4261,4262,4263,4264,4265,4266,4267,4268,4269,4270,4271”]

If you remove theme="photomosaic" (reverting back to the default WP gallery) do the images load? Can you provide a link to a page where I can see the problem happening live? If you don’t want to post a link here, the form on my author page emails me directly. You can send it to be privately there.

Any ideas on this?

A Parser-blocking, cross-origin script,, is invoked via document.write.

This may be blocked by the browser if the device has poor network connectivity.(anonymous function) @ (index):21

Photomosaic isn’t displaying but will display once the page is refreshed.

I’m not sure what you want me to do. PhotoMosaic isn’t responsible for loading that script. If the browser stops parsing the page or if javascript has stopped (because of an error or something) any scripts that have yet to run will fail to run.

If you know which plugin is loading that script… that’s the person you should contact.

If you don’t know which plugin is loading that script… provide a link to a page where I can see the problem happening and I’ll try and find the culprit.

I have the following CSS and function to show captions. All is good but I would like to do the following:

  • On mobile/tablets devices show the captions on the first press and then go to the link on the second press… (seems to work if you scroll and press but not if you do not scroll at the same time on mobiles…?)
  • On other devices work as usual e.g. with the hover and then click

Here’s the code you gave me and works well except for the above:


.photomosaic-item .photomosaic-caption-wrapper { position: relative; display: table; padding: 0.5em; height: 100%; width: 100%; box-sizing: border-box; font-size: 19px; background: rgba(0, 0, 0, 0.6); opacity: 0; transition: all 0.3s linear 0s; transform-origin: center center; }

.photomosaic-item .photomosaic-caption { display: table-cell; vertical-align: middle; text-align: center; color: rgba(255, 255, 255, 0.9); }

.photomosaic-item:hover .photomosaic-caption-wrapper { opacity: 1; }

.photoMosaic .photomosaic-item:hover img { opacity: 1; }

onready callback

function($, $mosaic, $items){ $items.each(function () { var $a = $(this); var $img = $a.find(‘img’); var caption = $img.attr(‘title’); if (caption) { var $caption_wrapper = $(‘ ‘); var $caption = $(‘ ‘); $caption.text( caption ); $img.attr(‘title’, ’’); $a.attr(‘title’, ’’); $caption_wrapper.append($caption); $a.append($caption_wrapper); } }); }

Everything you’re asking for is the default behavior for mobile browsers. Because touch devices don’t have a concept of “hover” if an element has a defined hover state (which you’re doing in the css) then then first tap activates the hover state and the second tap will activate the click event.

The code you’re currently using in the onReady Callback only serves to modify the markup around the caption so you can style it the way you want. It isn’t doing anything to modify the way hover and click events work.

If you’re reporting that your click events aren’t working correctly in a certain situation… please describe that situation and provide a link to a page where I can see it happening live.


The issue is when the Responsive Lightbox is installed. Seems that no matter what I do the links on the images still insist in trying to open a lightbox. The link is set in the settings to open the link in the description, and the shortcode even has the override to not use lightbox.

Works fine when the Responsive Lightbox is disconnected? and the default lightbox is used.

You can see the effect on the home page here:

The images with the captions should open the link and not try to open the lightbox, but the lightbox is trying to open and fails…


Another question…

We have tried to install the ‘Tap Tap’ menu (available on here) which is a very common menu for mobiles. When installed it stops the photomosaic from running with some JS errors…

I can’t offer any help without knowing what those JS errors are. Either include them in a comment or provide a link to a page where I can see the problem happening.

Hi, you helped me installing Photomosaic some weeks ago. After updating WP without changing any content the mosaic did not show up. I now updated the PM plugin but it’s still not working. The mosaic (30 random images from a NGG gallery) should be in the dark now empty field (besides “DNA”) on

Do you have any idea what could have happened or what to do? Best, Frank

It looks like something happened to the code in your onReady Callback. Find the following line…

var shuffled_images = shuffle(

... and add a semi-colon (“;“) to the end…

var shuffled_images = shuffle(;

Let me know if you continue to have trouble.

conflict with Avada theme? When I activate the plugin, the website back and front ends go white. Any ideas? Thanks !

You know what, I saw another post here with the same problem. I downloaded the plungin again and installed – I think it’s ok now. Thanks!


I noticed that this plugin also comes with a Facebook script ( This is slowing down my site speed. Is there a way to keep Photomosaic, but delete this Facebook script from the plugin?

Thank you!

React isn’t a social plugin… it’s a javascript framework that powers PhotoMosaic. It cannot be removed. It’s also minified, GZIP’d, and being loaded from Facebook’s CDN… it’s probably one of the fastest-loading scripts on your site.

I am using the theme Bridge and your plugin on the homepage – when I go from an internal (non home page) to the home page by clicking on home or the logo in the menu, the plugin does not load. It loads fine when I initially open the homepage in the browser, it’s just when surfing from an internal page. Can you solve this or do I need to talk to the theme? Thanks!

Please provide a link to a page where I can see the problem happening and I’ll take a look.

good afternoon. I wanted to leave a suggestion for improvement for the plugin.

I use the 1 column gallery, and width 100% When I use low resolution devices (mobile and portable) the image resolution is reduced and adapts to the device PERFECT!

The problem is when you see it in high resolution devices. (Desktop monitors) as the resolution of the image is wide (to reach 100%) and loses quality.

My proposal is as follows: Is it possible that the gallery was 100% the width of the device but without exceeding the resolution of the image? Add some option to protect image upscalig

The problem you’re describing isn’t related to HiDPI devices – phones, tablets, and laptops are more likely to be HiDPI (a.k.a. “retina”) than monitors. You’re simply talking about viewing images at large sizes.

You could solve your problem by using higher-res images (WordPress will make smaller versions and PhotoMosaic will uses the smallest version that is appropriate). Or, since you know your images aren’t high-enough quality for some screens, you can add more columns to your mosaics on large screens.


I’m trying to use PhotoMosaic for some smaller galleries throughout my site, but I’m having some trouble. I need to allow PhotoMosaic to crop images so that the gallery can fit in a pre-defined space, but when cropping is allowed, horizontally cropped images are cropped very severely, while Portrait oriented images are barely cropped at all. I’m hoping to find a way to prioritize cropping of vertically oriented images.

Or, alternatively, a way to set the minimum column width on a per-gallery basis.

Is there some way to get PhotoMosaic to do this?

You can use min_column_width set the Minimum Column Width on the [gallery] shortcode itself.

Thank you! Is there any way to force photomosaic to always fill a certain height/width?

Hi! I recently purchased this plugin for wordpress (photomosaic) but i want to do a different colum number if the web is viewed in a smartphone or in a desktop computer, is this possible?


The Columns setting accepts a couple different formats.

Set it to 0 for auto-columns. Use a ’-’ to set a minimum and maximum number of columns 2-5. Use ‘0’ to set just a minimum (2-0) or maximum (0-5) number of columns.

Using auto-columns, alone or in a range, has PhotoMosaic calculate the optimal number of columns given the number of images in the gallery and the size of its container.


Spino27 Purchased

Hi, can you tell me how i can let people save an image (right click) when it is viewed in a Photomosaic gallery? Currently when you click on an image & it opens there is no way to save it, I need to allow people to save to desktop. Thanks

I’m having trouble using this plugin with the Divi gallery module. When I edit the gallery I can choose ‘PhotoMosaic’ as the theme, but it will not stick. I update the gallery and save the module and update the page but nothing happens. When I go back to the update gallery area the theme is set back to default. I am using the gallery module within the ‘projects’ area.

I can get PhotoMosaic to work using shortcode, but I really don’t want it set up that way because the client will be editing the gallery.

Any ideas? I’m using WP 4.7.1 and the most recent Divi update.


Is your plugin support pop up gallery from one image? I want when you click on image that I get pop up gallery in same window. Also is plugin tested on latest version ot WordPress?