Code

Discussion on Justified Image Grid - Premium WordPress Gallery

Discussion on Justified Image Grid - Premium WordPress Gallery

By
Cart 23,148 sales

Firsh supports this item

Supported

This author's response time can be up to 1 business day.

8471 comments found.

Hi, just discovered your plugin. I’m experiencing an error when viewing justifiedgrid.com through Android 2.3 stock browser – when the page loads, it jumps to an apparently random section, and if I try to scroll, it keeps jumping back to that same point. The actual point varies even when reloading the same page, and occasionally it doesn’t happen at all – but it happens more often than not. It also happens on the Preset > Big Images No Click page, which suggests it’s not caused by a lightbox plugin. For now I’ve only checked one mobile browser, has anyone else experienced this?

Thanks. I have no problems with either of those sites. Looks like the issue is with Responsive Select plugin.

If it is, you should see it failing on the avada demo, no?

Confirmed, on the Avada theme demo I can’t scroll at all.

Hello. I am trying to use JIG in conjunction with Advanced Ajax Page Loader.

When I navigate away from a page that does not use JIG and I go back to a page with JIG it does not load. It seems that I need to input a “Reload Code” in the plugin options in order to reload JIG.

Is there any way you could take a look at this and possibly give me some “Reload Code” options? I’m really stuck here. Here is the link for example reload codes with AAPL. http://software.resplace.net/WordPress/AAPL/reload-codes/

Thanks!

No there currently isn’t anythin sorry. May I see your site?

Firsh, sent you a direct email with the URL. Thanks.

AJAX support is included in the form of unconditional script loading setting, JIG v1.9 was released today.

Oh and one more thing please – I dont have NEXT PREVIOUS on any of the images when viewing (is this disabled by default)?

No you should have the arrows. It’s controlled by the link rel setting, do you have your own value there? It’s fine but put two square brackets after it e.g. mygallery[] instead of mygallery. Or leave it on auto for prettyPhoto0 prettyPhoto1 that is automatic. The key is [] that is needed for grouping (the arrows).

Hello again Firsh!

Question – I set up a mix of galleries using only photos from Flickr and Facebook (these are working ok – although Facebook times out very quick and have used it less than Flickr). So each JIG gallery (pulling from social media) is posted to a new WP page.

Now I want to create a PARENT album that uses images from each of the social albums so ideally it would take an image from each of the sets I have used and create one gallery (a gallery of galleries!) LOL

To make the parent page you’ll need to use images uploaded to WP, and point their JIG Link (custom link) to your actual FB and Flickr galleries. Example: http://www.carlobezoari.com/photos-by-country – The plugin can’t pull images from itself and you can’t combine image sources in the same instance.

Hello, on a page we tried to put JIG galleries into tabs and got this error message:
The element is invisible or too thin. Tabs/AJAX sites are unsupported. (Justified Image Grid)

does this mean there is no way to put a gallery into tabs? Is there a workaround or will this be changed in a new version?

The current version definitely brings a lot of improvements for you! Please install v1.4.9 and we’ll see how this goes!

I don’t think you’ll need it but if it’s still not good you may enter 637 as custom width that should seal the deal.

Also, in the new version there is a new setting for incomplete last row: last_row=flexible that you’ll definitely want to use with load more. Also there is infinite scroll.

I installed the new version and the problem has been fixed. Thank you very much!

Great!

Hi Frish, Love teh plugin! I am having some trouble on a site that I am working on however. It appears that somewhere along the way, the images are being set to a fixed aspect ratio which is exactly what we want to avoid. When I click on an image, they open in a prettyPhoto as expected and they are all forced to a square aspect ratio as well.

Can you help me identify the problem?

You can see the gallery here: http://dev.durangoreservations.org/item/the-general-palmer-hotel/

Thanks!

Thanks for your fast reply Firsh, I did change the Maximum size and set it to full and it appears to have fixed the issue. Perhaps a conflicting “large” definition… Thanks for the help and really appreciate a great plugin!

I see, the original is left alone by the conflict. Glad it’s working for you and that I could help! Please rate the plugin! http://codecanyon.net/downloads

rated 5 stars for me!

Hi Firsh, I’m using your plugin and I am very satisfied. I have just a little problem when I’m browsing my website with a mobile device or using a browser window with an iOS iPhone or Android Galaxy S3 resolution. The problem is the resizing with a central-crop of the thumbnails for each image displayed by your plugin. It could be a problem caused by timthumb? There is any chance to have the resizing of the images without a central crop, just keeping the 3:2 original ratio?

A link to see the problem: http://www.mattiaboero.net/storie-di-un-fotografo/

Thanks, Mattia.

Yes it’s possible, it’s a matter of setup.

In general you should allow a larger height deviation this will allow the row to compress (not crop), when the available width is not enough. If you prefer your images to be one in a row I’m not sure this setting will allow that but you can try:

row_height=300 height_deviation=250

This’ll allow your rows to be compressed to be as little as 50px in height but also to be expanded 550px height.

You currently have: row_height=387 height_deviation=0 which is the cause of cropping.

If you don’t want them to be side by side you could avoid row heights below 190

row_height=387 height_deviation=197

Just some guesses.

Thanks Frish! Works well!

Dear Firsch,

When I load a page with a gallery on, the gallery never appears first time – I always have to refresh the screen. Any thoughts?

http://documentz.org/projects/network

Thanks in advance for your help – the support is great for this plugin.

Best,

Mark

I switched off Ajax, before you saw the site, and it started working. Now I have switched Ajax back on and it still works! I am very confused! (I am a very amateur Wordpress user). Let me know if you have any insights.

It shouldn’t work with AJAX as it’s not compatible with AJAX sites. If it still works, that’s ok.

AJAX support is included in the form of unconditional script loading setting, JIG v1.9 was released today.

Hi Firsh, Thanks so much for ur awesome work! I’d like to know how to remove my theme’s predefined overlay. Would you please give me some tips? I’d like to try it by myself. thanks!

I’d do it by inspecting the images in firebig or another browser’s developer tools and finding the theme overlay. I’d then create custom CSS styles to hide it. The best way would be to find where it gets added in the theme but that wouldn’t allow you to update the theme. If you can’t do it can you show me your site? Perhaps I’ve seen the theme before.

Hi, Firsh, thanks for your tips! It works! I removed the theme’s overlay. I’m also curious how you make the gallery fullwidth like what you did on this plugin’s frontpage, the gallery below the slider with the hidden effect! pretty cool and i also wanna make my gallery show like that!

The shortcode editor lets you create a php template tag that you can put anywhere in your theme. Hopefully your theme has a place for sliders (like Avada), and put the code there. The plugin will pick up the full width. It’s all dependant on your theme. If you look at the preset pages you can see a modified page layour, Avada theme doesn’t have this but I changed a few lines of css to allow real full width. Basically I looked for any fixed width or max-width css property and removed them or put width: 100%; in place.

Hello Firsh,

I’m having an issue using the Flickr option for your plugin. My Flickr API and Username all work fine. I try adding a photoset to a page and I only get a column of my pictures. Also, towards the bottom, only numbers show up instead of pictures. Here is a link to my test page: http://www.thegrasshopperunderground.com/test/#prettyPhoto

I’m hoping you help me figure out what I’m doing wrong!

Thanks!

It works for me on Firefox, not on Chrome. On FF just got a dialog popping up by hyphenator plugin saying this operation is insecure. What? Chrome says this in the console:

90 times: Unsafe JavaScript attempt to access frame with URL http://www.thegrasshopperunderground.com/test/ from frame with URL https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=The+Grasshoppe…t=m&ll=42.46032,-83.134918&spn=0.037993,0.042744&z=13&iwloc=A&output=embed. The frame requesting access has a protocol of ‘https’, the frame being accessed has a protocol of ‘http’. Protocols must match.

That map is in an iframe and I think the hyhenator wants to hyphenate it. Change the line again, I added iframe as an exception:

dontHyphenate = {'script': true, 'iframe': true, style': true, 'code': true, 'pre': true, 'img': true, 'br': true, 'samp': true, 'kbd': true, 'var': true, 'abbr': true, 'acronym': true, 'sub': true, 'sup': true, 'button': true, 'option': true, 'label': true, 'textarea': true, 'input': true, 'math': true, 'svg': true},

Or you can als o try dragging the widget with the maps from the footer to the inactive widgets area to quickly check.

I’ve contacted the hypenathor’s author again previously he said the fix will be added in the next version. I’ll contact him again if this turns out to be a new problem.

Sorry for my delayed responses, I’ve been very busy with other projects, but thank you for all of your help so far! Everything seems to be working now correctly after the code changes you mentioned above but I have 1 more conflicting issue I hope you can help me with. So everything works great on a regular page I created here: http://www.thegrasshopperunderground.com/test/

But my goal was to integrate your gallery plugin (using Flickr as the 3rd party photo feed) into my themes existing gallery structure. This does not seem to be working as you can see here: http://www.thegrasshopperunderground.com/galleries/dabura-w-dustin-sheridan-5-18-13/

I have the shortcode on this page but it does not show anything once published. The main reason I want to use the themes built in gallery structure is mainly because I like the widget on the home page on the lower left here: http://www.thegrasshopperunderground.com/ and how the Gallery page looks here: http://www.thegrasshopperunderground.com/galleries/

But as you can see, once you click in the gallery with your Grid Gallery, nothing shows :(

Would you happen to understand why this is not working?

Again, thank you so much for such great customer service! I will highly recommend any plugins built by you and rate your work as 5 stars!

Thanks!

Okay I think your gallery structure is made of custom post types and they are not meant to output your text or shortcode content because their sole purpose is to display photos. In order to make any content including my shortcode show up you’ll need to modify the gallery page layout of your theme to include text from the editor.

<?php the_content(); ?>

This is likely missing.

Love the new changes in v1.4.9. Thanks you, again. :)

About sorting Flickr images. Will this feature appear in your plugin anytime soon?

I gave it a go but decided not to, since you can order your sets on Flickr directly. If the plugin would order them, it’d just mess everything up as it could only order what gets loaded, not the actual set as a whole. Also there is no API function that would allow me to sort.

Okay. Thanks.

Extremely happy with this plugin and the customer service of its author!

Thank you :)

Hi,

I received this error?

Fatal error: Call to undefined function curl_init() in C:\xampp\htdocs\strawdog\wp-content\plugins\justified-image-grid\justified-image-grid.php on line 5556

Good catch but your server doesn’t support CURL. I’m using xampp too for local testiing and it works for me. Can you enable or install curl? Line 5556 should only run when you are using jetpack photon. Are you making your xampp server publicly accessible (you are not viewing the site as localhost/) thus allowing you to connect to WordPress.com for Jetpack?

It’s working again now… strange behavior. Many thanks though for those tips, will check this out if it happens again.

Just a small tip, if you ever have problems with SSL on your XAMPP on a windows installation you may use

CURLOPT_SSL_VERIFYPEER => false,

where I have CURLOPT_ options in my code for CURL. But NOT on a live server as it’s a security vulnerability! Just sharing with you as I’ve encountered SSL problems while I’m working on v1.5 :) You probably won’t need to use this though.

I have a question. From the FAQ:

“I’m seeing the images below each other but only in IE?

IE can’t handle more than 32 CSS files. Decrease the amount of CSS files the site loads.”

That is exactly what happens to me. I run a news site, and on the front page I run 8 instances of JIG, displaying 22 items together (you can have a look at it here: http://whiskyexperts.at).

Is it that the amount of JIG displays raises the number of CSS files so much? What could I do to decrease it? I have no coding or website building experience, so I am a little bit lost.

Thanks, I will give it a try

Perfect, this really helped. Thank you for the info.

Cool! It’ll also make your site a bit faster :)

Hi,

Firstly, thanks for the this amazing plugin! Absolutely love it.

Is there a way you can control how many images display horizontally?? I want to keep it responsive and adjustable with screen sizes but I want to make sure it only displays 5 images? Is this possible?

Thanks

Yes, there is a ‘limit’ setting so you’ll only see 5 images. You’ll also need to enter a height deviation almost as big as your row height. And play around with those two settings until the 5 images fill the one row on both desktop and mobile. But this also means you likely won’t see a second row as the total number will be limited to 5.

Hi there,

just a short question: is it possible to select posts by their ID to display them? I can do it by including a category or excluding it, but I can’t find a way to display only certain posts…

Thanks for your answer, Bernhard

Do you have v1.4.9? The plugin was updated today. http://justifiedgrid.com/recent-posts/#foobox-0/0/08-Recent-posts1.jpg 4th from bottom.

Great, thank you – this does the trick (and some more I didn’t even think of) :-)

I’m happy about that :)

Hello, I just bought this plugin and try to use it in a page of my mebsite to presents different sets from my flickr. I install plugin, use API… and i do not understand : 1-how to choose wich set ? (“Selecting group pool, photoset or gallery” ??) 2-how to acceed to the shortcode editor ?

sorry for these questions ! I thought I was clever ;)

cordially,

ok… what response! With the lightbox, I had to play between jquery and sort of lightbox, and as you saw, it works indeed.. Last question perhaps…How can I get only the cover of the sets of Flickr, as on your website ? I mean you see one picture from the set, and with the lightbox you can discover all the photos in this set..

Thank you for your attention…

I think you confused that with the nextgen example? http://justifiedgrid.com/nextgen-gallery-galleries/ 2nd example. You can’t do this with Flickr.

In my http://justifiedgrid.com/flickr/ Flickr example I used the max_rows=1 setting to only show a couple of images as preview but your can see them all in the lightbox. You can also use the limit and hidden_limit options to show only one image. limit=1 hidden_limit=500

Here http://www.carlobezoari.com/photos-by-country It’s set up like:
That is achieved by Carlo Bezoari in a way that he has the launcher page manually made of WP images, has custom links to the posts/pages, and only on those pages he is using the actual Flickr feature. It can’t be done in one step sorry.

Thank you a new time for your response… I find yet a response that is ok for me. very efficient you are.

Hi again!

My setup is working perfectly, except for one little ting:

In PhotoSwipe on a desktop the picture disappears off screen when it’s loaded from a thumbnail far down on the page. Loading images from the top rows works great, but from rows further down the full screen images starts to go more and more off screen. Don’t know if anyone else is having the same problem. Is there an fix for that?

For now I’m just using another lightbox on computers, and the photoswipe on mobile devices. That works great.

And lastly, a minor request for future updates: In PhotoSwipe the Play-button should turn into a Pause-button once a slideshow is started, and the “control-buttons” should be bigger on small screens (phones) :)

PhotoSwipe is a 3rd party lightbox, so errors in it are not part of my plugin. Can you forward your request to its developer? I noticed too that the control buttons are very small on very old phones like iphone 3G.

I haven’t seen the problem you described first, can you show me a site where this happens or make a video http://screenr.com/?

If all the error you experience is inside PhotoSwipe, there is not much I can do about it.

I’ve recorded it here http://screenr.com/mD97

With Chrome the site jumps back to the top when I exit a slideshow. And in Safari the images go off screen when they are loaded from a row far down the page.

In Opera everything works great.. :)

Hm I’m sorry about that but it seems like the issue is related to PhotoSwipe not my plugin. Please note I can’t provide support for PhotoSwipe as I’m not its creator. It’d be worth telling its developer this. I think there is a conflict between your theme and that lightbox as this doesn’t usually happen. I’d too use a different lightbox on PC for this site. Are these images WP images? If so, you could enable Jetpack’s Carousel that is a full screen lightbox as well and looks a bit similar to PhotoSwipe. Or FooBox in fullscreen mode.

http://justifiedgrid.com/jetpack-carousel/
http://justifiedgrid.com/foobox/

It’s not working with a localhost installation (WAMP). Are there any special required settings for PHP and/or Apache? I’m also using some other galleries, they are all working.

1.4.9 – no access but latest jquerie used – Firefox, Safari and IE10.

Well you need internet access or rewrite this manually: //ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js to path to a local jQuery js file.

In the head of the shortcode editor. That page is isolated from WP, not having standard WP head or anything like that so I could only add jQuery this way. And it needs internet access. Probably that’s why nothing can be clicked.

Okay, thanks!

Hi! I’m in the process of configuring this plugin on my site (http://elverumfhs.no/media/bilder).

I’m loading albums from Flickr and Facebook, and I want to achieve the same thing as in the example here: http://www.carlobezoari.com/photos-by-country

I want a page showing a thumb for each album, and when I click it I want to go to a page with all the images from that album. Then, when I click images I want them to open as a PhotoSwipe.

I looked at the multiple galleries options, but I don’t understand how I can do this. Sorry.

BONUS If it was possible to do a live sorting of albums on the album overview page that would absolutely blow my mind :P

Thanks! Eivind

That is achieved by Carlo Bezoari in a way that he has the launcher page manually made of WP images, has custom links to the posts/pages, and only on those pages he is using the actual Flickr feature. It can’t be done in one step sorry.

The automatic one-step overview feature for Facebook is planned, for Flickr it’s quite different.

Live sorting: It’ll come for tags or image metadata but I haven’t thought of sorting albums. But if you create the page like Carlo did, and in the future I add live sorting by tags, you’ll be able to :)

Thanks a lot for the incredibly fast reply :D

That’s what I suspected. I’ll try to set it up like that!

Thanks again! This is by far the best gallery plugin I’ve seen – and I’ve been been checking out EVERY plugin there it the last week :P

The native tablet/phone feel features are superb, and the Flickr and Facebook capabilities makes it a sure thing!

Thank you! :)

Thank you! It means a lot. For more ideas, explore the various examples on the preview site! ;)

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey