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,

I am having problems with my galleries ( two images are open / two pop ups)

http://www.agostinianomendel.com.br/?p=10130

You need to disable Avada theme’s ilightbox to have JIG lightbox on its own. Or disable the lightbox in JIG, whichever you prefer.

Hi, I use portrait pictures for the full size image and I need the generated thumbnails to be cropped 1:1 proportions, but from the top instead of from the center of the image, because it’s people pictures and when cropping from the center, it crops part of their head.

How can I achieve that with the plugin or use the custom image size I added in my functions.php add_image_size( ‘portfolio_thumbs’, 295, 295, array( ‘center’, ‘top’ ) );?

Thank you!

Don’t mind my question, I found out how to crop the thumbnails from the top (under the TimThumb tab) :)

Yes that’s the setting. Do you think face detection assisted automatic crop zones would be good?

You can also use your custom image size from which the thumbnails get generated in the “max size fore lightbox” (that way you don’t need to set an aspect ratio in JIG), but it’s only good if you use the thumnbails for links without a lightbox.

I am using this plugin on this page. http://cluke.johngroupinteractive.com/wptest/ The site seems very sluggish whenever it reaches the JIG sections. Any idea how to make things smoother?

Perhaps the video background has something to do with it.

Try these tricks:

The animation is choppy

The mouse enter/leave handling has been optimized and should run smoothly on most modern computers and devices. It currently uses JavaScript animations but will likely get updated to make use of CSS3 animations in the future.

Try some of the following tips:
  • Reduce the amount of animated elements, for example use a fixed caption style or just the fade effect.
  • Disable the Overlay or the Special effects.
  • Turn off the animation by setting General tab > Animation speed to 0. You can keep the overlay and special effects this way, but the transition will be instant.
  • Decrease the General tab > Target row height value.
  • If you have lots of small thumbnails, disable the captions as they get too small. This helps reduce animated elements.
  • Try restarting your browser as it might be suffering due to the amount of tabs you opened during its run, consuming too much memory.
  • Close Flash or HD videos playing in the background.
  • Close any browser debugger tools because they slow animations when opened.
If your concern is primarily mobile devices, even up to a point where they might crash, then also check out The browser crashes or closes on my older iPhone or iPad.

The browser crashes or closes on my older iPhone or iPad

It’s because you are running low on memory (RAM) of the device. The newer models don’t seem to have this problem. The memory usage increases with the amount, size (and quality) of the images and the number of elements on the page (captions, special effects, overlay, borders etc). In other words, use the most minimal design and small to moderately sized thumbnails for mobile devices.

To achieve better mobile performance, try some of the following that you are most comfortable with:
  • Decrease the amount of images on the page.  Split up large galleries to smaller galleries.
  • Use the Load More feature (can be set to only activate on mobile devices).
  • Decrease the size of images for mobile devices: use the Mobile row height and Mobile row height deviation settings. The size of loaded thumbnails is equal to these two settings combined and up to 3x times that on retina devices.
  • Use the JIG settings > General tab > Behavior of the plugin > Disable mobile hover interaction setting to get rid of captions, overlay and other effects that would otherwise react to mouse over and unnecessarily use memory and resources. Since there is no mouse (and subsequently, hover) on mobile devices it’s feasible to skip the procedure of tapping the images once just to see the hover effect, and then open them with a second tap.
  • Disable Special effects on mobile devices.
  • In JIG settings > TimThumb & CDN, use 1.5 or 2 as Maximum retina density, also make sure that the Minimum retina quality is not a high number, as in larger than 50 (it doesn’t need to be, see Retina ready demo).
  • As a last resort, disable the Retina Ready feature.
  • Do not disable TimThumb, else your thumbnails will be full-size images and consume too much memory.

Hi ! I want to know how insert arrows for NEXT/PREVIOUS

I use Magnific Lightbox for my gallery ! Can you tell me how setup this one ?

I have an other question… How do you setup de responsive settings ?

Prev and Next buttons are on the side of the screen with Magnific, but only if you open more than one image. Your JIG instance must have some image first. Multiple instances form different lightbox groups and prev next buttons will not be used to navigate between multiple galleries. The settings that controls grouping is the “link rel” setting on the lightboxes tab, and arrows are enabled by default.

Responsive is enabled by default. There are separate row height and deviation settings for mobile devices which you can find on the general tab. You can also use an entirely different preset for mobile devices, this you can choose in the shortcode editor. The General settings tab > Settings that affect the entire grid > “Width mode” setting controls responsiveness, but you can mostly only turn it off with it.

I just sent you an email with my link can you check this one ?

Hi I replied shortly after you’ve sent it.

The theme already uses and loads magnific popup. Can you disable the lightbox magnific popup in the theme? Perhaps that’s why the arrows are missing. JIG uses arrows by default.

To center last row, go to JIG settings > General tab > Row behavior section > Incomplete last row > set it to “center”.

I’m back from vacation and will attend your requests soon.

Hello Firsh,

How to float/align single images? Also, how to activate lightbox by default on all images in a post/page? Thanks.

Single images floating:

Center: General tab -> Row behavior -> Incomplete last row – center option.

Left: General tab -> Behavior of the plugin -> Wrap text -> Yes.

Right: Same as left, but also use: General tab -> Behavior of the plugin -> Reading direction -> RTL.

Can I use a JIG lightbox for other single images on the page?

Unfortunately no, it’s not possible to open a non-JIG thumbnail or text link to open in a lightbox of JIG. Assuming you mean prettyPhoto and/or PhotoSwipe. The technical explanation is provided so you can better understand why.

The lightboxes in Justified Image Grid are not meant to replace your theme’s solution, nor they should extend beyond JIG. This is to avoid conflicts such as opening double lightboxes and to allow a closer symbiosis with JIG’s proprietary layouts. Certain lightboxes, especially the main ones (prettyPhoto and PhotoSwipe) have been customized for better social sharing with smart deeplinking. These require the thumbnails to be set up in a particular way (including the content ID and image size information) and server side support from JIG itself. The benefits of these customizations would not be available outside JIG, in other words the lightboxes would not work the way you want them to.

If you wish to use a 3rd party lightbox then by all means yes, you can have it open from JIG thumbnails and as also from single images in your content. These include:

FooBox
Social Gallery
Jetpack Carousel
Your theme's built-in lightbox could be used as a custom lightbox in JIG, provided you set up the custom class, rel and/or data-attributes for the thumbnail link. Thes are available at the Lightboxes tab > Link attributes (also for custom lightbox) section.
Most other separately installed lightbox plugins. These may include Magnific Popup or ColorBox.

I have a question… i’m just making my gallery (with Magnific Lightboxes) and i want to know how to show the buttons (NEXT, PREVIOUS) into my lightbox ??

Where is the option to setup this one ?

Prev and Next buttons are on the side of the screen with Magnific, but only if you open more than one image. Your JIG instance must have some image first. Multiple instances form different lightbox groups and prev next buttons will not be used to navigate between multiple galleries. The settings that controls grouping is the “link rel” setting on the lightboxes tab, and arrows are enabled by default.

I have added the license number but I am getting this error “Update package not available.”. My version number 2.2.2. Can you please check and reset it at your end. Thanks

I’ve reset your license, please try again.

Thanks. It worked.

Good!

Hello! I have a big problem with a plugin. I install a new plugin “Justified Image Grid” for align my images into my web site, but the function “Multiple Lightbox” or full screen image and the caption of the image doesn’t work! The theme of my web site is: “Mobius” (themeforest.net/item/mobius-responsive-multipurpose-wordpress-theme/8467936). Thanks you for read me! Good job!

Can you send me a link to your actual usage instead? I don’t know how JIG interacts with Mobius unless there is a page with it where JIG is used. For full screen lightbox you should use PhotoSwipe4 in JIG. Does the image just open on a new tab instead of in the lightbox? Maybe you have a JavaScript error in the page.

Thanks you for answer me! I have active a maintenance on my site, but I can send you the credentials admin (in private – in your e-mail!). I don’t have a JavaScript error in the page… in my page don’t work the effect,presets,lightboxs,fullscreen,... it’s a big problem this.

Send me the details from the contact form on my profile.

Hello! I have a big problem with a plugin. I install a new plugin “Justified Image Grid” for align my images into my web site, but the function “Multiple Lightbox” or full screen image and the caption of the image doesn’t work! The theme of my web site is: “Mobius” (themeforest.net/item/mobius-responsive-multipurpose-wordpress-theme/8467936). Thanks you for read me! Good job!

Can you send me a link to your actual usage instead? I don’t know how JIG interacts with Mobius unless there is a page with it where JIG is used. For full screen lightbox you should use PhotoSwipe4 in JIG. Does the image just open on a new tab instead of in the lightbox? Maybe you have a JavaScript error in the page.

Sorry if this is a basic question but I’m new to WP and there is a lot of info to digest with your plugin. My question is, is there a way for someone to comment on photos (moderated) and like or dislike photos? Much like Facebook allows comments and Likes. Thanks, Don

With Social Gallery you can have facebook or disqus comments and likes. With Jetpack’s Carousel you can have WP comments. With prettyPhoto and PhotoSwip4 lightboxes you can have good social sharing. I haven’t seen any dislike feature across lightboxes. Why was your comment moderated?

Hi!

I just purchased your WP plugins, looks nice, but I’m having an issue: I’m using it with my Flickr Galleries and, in Chrome, it doesn’t put any lightbox, only linking directly to the image, which is not what I want.. But it works in Safari and Safari Mobile. I tried with Colorbox and prettyPhoto and it’s always the same.

Chrome developper shows me: jquery.prettyphoto.custom-min.js?ver=3.1.6.2.8.2:62 ‘window.webkitStorageInfo’ is deprecated. Please use ‘navigator.webkitTemporaryStorage’ or ‘navigator.webkitPersistentStorage’ instead. jquery.prettyphoto.custom-min.js?ver=3.1.6.2.8.2:62 ‘webkitIndexedDB’ is deprecated. Please use ‘indexedDB’ instead. external-tracking.min.js?ver=6.4.9:1 Uncaught ReferenceError: analyticsEventTracking is not defined(anonymous function) external-tracking.min.js?ver=6.4.9:1n.event.dispatch jquery-2.1.4.min.js?ver=2.1.4:3n.event.add.r.handle @ jquery-2.1.4.min.js?ver=2.1.4:3 Resource interpreted as Document but transferred with MIME type image/jpeg: “https://farm1.staticflickr.com/757/20530060063_e49c4e82fa_k.jpg”.

URL is http://www.photocedric.com/2015/equateur-riobamba-cuenca

I’m not sure if there is a plugin conflict, I tried with a lower version of jquery and same thing (except the version level changed in the debug logs)

Thanks!

Looks like it’s in newer version of Chrome… I was travelling and had issue with Chrome (for Mac) on my laptop, got home Yesterday, opened my Desktop, it worked. Chrome then updated, no more lightbox! A bug with Chrome? Something new with it?

It’s a blocking error coming from a 3rd party script means it’s the cause of lightbox not appearing.

The error is likely this:

external-tracking.min.js?ver=6.4.9:1 Uncaught ReferenceError: analyticsEventTracking is not defined(anonymous function) external-tracking.min.js?ver=6.4.9:1n.event.dispatch

Also:

Uncaught ReferenceError: Gravatar is not defined in http://www.photocedric.com/wp-content/plugins/jetpack/modules/wpgroho.js?ver=4.3

I have latest Chrome for PC and the lightbox works fine. It’s these errors that can block it (any lightbox). Try to deactivate plugins you don’t need. Modules from Jetpack, etc.

Hi Firsch,

I’ve got a W3 Error message that seems to be related to JIG.

Error Message:

Error: Element style not allowed as child of element body in this context. (Suppressing further errors from this subtree.) From line 290, column 1; to line 290, column 23 </script>?<style type=’text/css’>?.just Contexts in which element style may be used: If the scoped attribute is absent: where metadata content is expected. If the scoped attribute is absent: in a noscript element that is a child of a head element. If the scoped attribute is present: where flow content is expected, but before any other flow content other than inter-element whitespace and style elements, and not as the child of an element whose content model is transparent. Content model for element body: Flow content.

Error appears on line 290:

<script type=’text/javascript’ src=’http://www.jonathon.co/wp-content/plugins/justified-image-grid/js/justified-image-grid-min.js?ver=2.8.2'></script>? <style type=’text/css’>?THIS IS LINE 290* .justified-image-grid {max-width: none !important;padding:0;clear:both;line-height: normal;display: block important;}.justified-image-grid .jig-imageContainer img,.justified-image-grid .jig-pixastic {position:absolute;top:0;left:0;margin: 0;padding: 0;border-style: none !important;vertical-align: baseline;max-width: none !important;max-height: none !important;min-height: 0 !important;min-width: 0 !important;box-shadow: none !important;z-index: auto !important;visibility: visible !important;}.justified-image-grid .jig-imageContainer a {margin: 0 !important;padding: 0 !important;position: static !important;display: inline;}.justified-image-grid div {position: static;}.justified-image-grid a:link,.justified-image-grid a:hover,.justified-image-grid a:visited {text-decoration:none;}.justified-image-grid .jig-removeThis {visibility:hidden;}.justified-image-grid .jig-hiddenLink,.justified-image-grid .jig-hiddenImg{display:none !important;}.jig-last:after {clear:both;}.justified-image-grid .tiled-gallery-caption{display: none !important;}.jig-developerLink{line-height: 10px;margin-bottom: 5px;}.jig-developerLink a{font-size: 9px;}.jig-fontCheck{display: block !important;position: absolute !important;left: -99999px !important;top: -99999px !important;visibility: hidden !important;font-size: 100px !important;white-space: nowrap !important;max-width: none !important;width: auto !important;}.justified-image-grid-html li {float:left;position: relative;list-style:none;overflow:hidden;}.justified-image-grid-html .jig-HTMLdescription{position: absolute;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.5);color: white;margin: 0;padding: 5px;}.justified-image-grid > p, .justified-image-grid > li {display: none;}noscript.justified-image-grid-html p{display:block;}noscript.justified-image-grid-html li {display: list-item;}.justified-image-grid-html li.jig-clearfix:before,.jig-clearfix:after,.justified-image-grid-html:before,.justified-image-grid-html:after {content: ””;display: table;}.jig-clearfix:after,.justified-image-grid-html:after {clear: both;}.jig-clearfix,.justified-image-grid-html {-webkit-backface-visibility: visible;zoom: 1; /* For IE 6/7 (trigger hasLayout) */}#jig1 {margin:0;min-height:0px;}#jig1 .jig-imageContainer {margin-bottom: 2px;margin-right: 2px;float: left;padding: 0;width: auto;}#jig1 .jig-imageContainer img {max-width: none !important;background-color: white !important;}#jig1 .jig-overflow {position: relative; overflow:hidden;vertical-align:baseline;}#jig1 .jig-overlay {background:#000;opacity: 0.2;-moz-opacity: 0.2;filter:alpha(opacity=20);height:100%;}#jig1 .jig-overlay-wrapper {display:none;position: absolute;bottom: 0;left: 0;right: 0;top: 0;}#jig1 .jig-loadMoreButton{border: 1px solid #d3d3d3;padding: 10px;text-align: center;margin: 5px auto 15px;max-width: 175px;cursor: pointer;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;box-shadow: 0 0 7px rgba(0,0,0,0.08);background: #fcfcfc;background: -moz-linear-gradient(top,#fcfcfc 0%, #f8f8f8 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f8f8f8));background: -webkit-linear-gradient(top,#fcfcfc 0%,#f8f8f8 100%);background: -o-linear-gradient(top,#fcfcfc 0%,#f8f8f8 100%);background: -ms-linear-gradient(top,#fcfcfc 0%,#f8f8f8 100%);background: linear-gradient(to bottom,#fcfcfc 0%,#f8f8f8 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#fcfcfc’, endColorstr=’#f8f8f8’,GradientType=0 );}#jig1 .jig-loadMoreButton:hover{border: 1px solid #c6c6c6;background: #f8f8f8;background: -moz-linear-gradient(top,#f8f8f8 0%, #eeeeee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top,#f8f8f8 0%,#eeeeee 100%);background: -o-linear-gradient(top,#f8f8f8 0%,#eeeeee 100%);background: -ms-linear-gradient(top,#f8f8f8 0%,#eeeeee 100%);background: linear-gradient(to bottom,#f8f8f8 0%,#eeeeee 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#f8f8f8’, endColorstr=’#eeeeee’,GradientType=0 );}#jig1 .jig-clearfix:after { clear: both; }.jig-last {margin-right: 0 !important;}.jig-ua-old-ie.justified-image-grid .jig-overlay,.jig-ua-old-ie.justified-image-grid .jig-overlay-icon-wrapper,.jig-ua-old-ie.justified-image-grid .jig-overlay-icon{position:absolute;top:0;right:0;bottom:0;left:0;}.jig-ua-old-ie.justified-image-grid .jig-overflow,.jig-ua-old-ie.justified-image-grid .jig-overflow div {cursor: pointer;}.jig-ua-old-ie.jig-caption-wrapper{margin:0 !important;}.jig-ua-ie .jig-caption-wrapper-clone {filter: alpha(opacity=0) !important;}#jig2 {margin:0;min-height:0px;}#jig2 .jig-imageContainer {margin-bottom: 2px;margin-right: 2px;float: left;padding: 0;width: auto;}#jig2 .jig-imageContainer img {max-width: none !important;background-color: white !important;}#jig2 .jig-overflow {position: relative; overflow:hidden;vertical-align:baseline;}#jig2 .jig-overlay {background:#000;opacity: 0.2;-moz-opacity: 0.2;filter:alpha(opacity=20);height:100%;}#jig2 .jig-overlay-wrapper {display:none;position: absolute;bottom: 0;left: 0;right: 0;top: 0;}#jig2 .jig-loadMoreButton{border: 1px solid #d3d3d3;padding: 10px;text-align: center;margin: 5px auto 15px;max-width: 175px;cursor: pointer;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;box-shadow: 0 0 7px rgba(0,0,0,0.08);background: #fcfcfc;background: -moz-linear-gradient(top,#fcfcfc 0%, #f8f8f8 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f8f8f8));background: -webkit-linear-gradient(top,#fcfcfc 0%,#f8f8f8 100%);background: -o-linear-gradient(top,#fcfcfc 0%,#f8f8f8 100%);background: -ms-linear-gradient(top,#fcfcfc 0%,#f8f8f8 100%);background: linear-gradient(to bottom,#fcfcfc 0%,#f8f8f8 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#fcfcfc’, endColorstr=’#f8f8f8’,GradientType=0 );}#jig2 .jig-loadMoreButton:hover{border: 1px solid #c6c6c6;background: #f8f8f8;background: -moz-linear-gradient(top,#f8f8f8 0%, #eeeeee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top,#f8f8f8 0%,#eeeeee 100%);background: -o-linear-gradient(top,#f8f8f8 0%,#eeeeee 100%);background: -ms-linear-gradient(top,#f8f8f8 0%,#eeeeee 100%);background: linear-gradient(to bottom,#f8f8f8 0%,#eeeeee 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#f8f8f8’, endColorstr=’#eeeeee’,GradientType=0 );}#jig2 .jig-clearfix:after { clear: both; }.jig-last {margin-right: 0 !important;}.jig-ua-old-ie.justified-image-grid .jig-overlay,.jig-ua-old-ie.justified-image-grid .jig-overlay-icon-wrapper,.jig-ua-old-ie.justified-image-grid .jig-overlay-icon{position:absolute;top:0;right:0;bottom:0;left:0;}.jig-ua-old-ie.justified-image-grid .jig-overflow,.jig-ua-old-ie.justified-image-grid .jig-overflow div {cursor: pointer;}.jig-ua-old-ie.jig-caption-wrapper{margin:0 !important;}.jig-ua-ie .jig-caption-wrapper-clone {filter: alpha(opacity=0) !important;}? </style><script type=’text/javascript’>?

The URL where the error relates to is:

http://www.jonathon.co/photographer-edinburgh-lauren-and-wayne-pre-wedding-photos-inverleith-park/

Your help/advice is greatly appreciated!

Warmest regards,

Jonathon.

Hi, it’s necessary to place the style tags in the content (near footer) along with scripts etc. There is no way to know in the head what will JIG require and even if it’s used on the page. It’s a tradeoff for better perfomance. On pages without JIG, there is no scripts or styles related to JIG. Also, since the settings you choose in the shortcode editor can directly influence every isntance differently, these styles cannot be put into a stylesheet since they are dynamic. Sorry for the delay, I was on vacation.

Hello! Is it possible to have 2 differents links at the same time in the rollover of a post: 1- to see the feature image of the post 2- to go on the post page

Like this : https://dl.dropboxusercontent.com/u/9675674/Untitled-4.jpg Thanks

Sorry it’s not possible with this plugin. The entire thumbnail area is a link. Unless you change it with custom JS, it’ll only have this one link.

I’m not sure if visitors really use this. According to my theory they are more confused by the options and may not understand what’s the difference, before clicking. Insteady of lazily clicking any part of the entire thumbnail (which is closer to oldschool gallery layouts). That’s why I don’t have this yet.

Facebook overview not work. I want this plugin, but dont work facebook ovierview. What’s up?

Hi, can you describe how does it not work for you? http://justifiedgrid.com/facebook-overview/ It seems to work fine to me. Sorry for the delay, I was on vacation.

Hi Firsh, Good Job ! I have question: It’s possible to create galleries with the same category and generate a shortcode who list these galleries in one page. (Only one picture of each gallery on this page and when we click on it, we going directly in the gallery concerned) So if it’s possible, we have need to change the shortcode when we add a new gallery ? To sum up, i would like create one page who list all galleries and when i add gallery, this gallery is added automatically at the page.

Thank you very much for your reply ;)

Yes you can do this. It’s like putting lego bricks together. Think of your pages or posts that have a JIG gallery, as virtual galleries. Add a cover photo of each as the featured image. Add a category or tag to all of these, such as “Virtual gallery”.

Then on your “one page who list it all”, use JIG in “Recent posts” mode. Tell JIG to load all posts categorized “virtual gallery”.
[justified_image_grid recent_posts=yes recents_include=virtual-gallery]
This way you’ll have an “index page” of all your galleries that will auto update and auto link to the actual page of each gallery. It’s not yet possible to open all galleries directly in the lightbox without leaving the page but I’ll be working on it.

Sorry for the delay, I was on vacation.

Hello there. Is there a way to insert photo albums from a ‘Google Photos’ account to our posts’ content? I know it works with Flickr but I’m seeking for something more! :)

Yes you can and it’s via RSS feed and it has pretty good support for loading many images unlike most other feeds.

Can it load photos from Picasa, Google+ or Google Photos?

Yes! Via RSS feeds. Picasa, Google+ photos and the new Google Photos are all the same. Whenever you add photos and/or create albums at Google+ or Google Photos, they appear in Picasa simultaneously. After all, it’s the same account. An RSS feed is provided only by Picasa. The Shortcode Editor cannot have a built-in way to figure out your feed URLs based on regular album URLs. With that said, it’s easy to find the RSS feed URL manually for your desired album. This service has one of the best capabilities because the feed’s photo count is not limited (unlike other sites’ feeds), and photos come at a decent size! Casper Baghuis wrote an excellent article and how-to about Picasa and Google photos on your WordPress site all using Justified Image Grid. https://casper.baghuis.nl/2015/04/08/picasa-google-photos-wordpress

Sorry for the delay, I was on vacation.

So… of course I found another problem. I’m sorry. ;)

I cannot make limit and hidden_limit work. Not as a hardcoded gallery in the theme files and also not with a normal shortcode.

This is my shortcode:

[justified_image_grid facebook_id=1065611043457XXX limit=5 hidden_limit=100 facebook_album=100871869931XXX]

I expect, that it would show 5 photos on the page and 100 in the lightbox when I click next. What it DOES is: It shows 100 photos on the page. Everytime in every gallery in every page.

Any ideas anyone?

Thanks in advance. ;)

I deactivated every single plugin. No change. It doesn’t seem to be a conflict like that.

And yes I use version 2.8.2 on both sites.

I’m not sure but I’ll need to look into it and check it out and see your settings. Please contact me from my profile with temporary wp admin.

Hey. Thanks for the great plugin. Works perfectly.

I just have one issue with the hardcoded shortcode.

I use this shortcode (I had to get rid of the brackets so it will show up here so I put an X instead):

X?php get_jig(array(‘ids’ =X ‘X?php the_ID(); ?X’)); ?X

The output in the post is always the same: “There are no photos with those IDs or post 744 does not have any attached images!”

I tried this with different posts, I uploaded images to the posts and they show up in the media library as attached. I even installed a plugin that attaches images to the post and they show up as attached.

But nothing ever shows up in the frontend. Your plugin cannot find any attached images.

If you could help me out here that would be more than great. ;)

Thanks a lot.

You know how it is… you ask and you find a solution a minute later. ;)

I solved the problem by using the other shortcode that the generator offers: X?php echo do_shortcode(‘[justified_image_grid id=]’); ?X

I left the ID-field blank so it took the images attached to the actual post it is in.

It’s actually a great idea… this way you put that code into your template and you never ever have to insert images into your posts again. You just upload them to the post, close that insert-window and… that’s it.. they show up in your post or page or whereever. Saves a lot of work. ;)

Hi, if you actually leave the entire shortcode blank but you put the shortcode inside the loop of your WP theme, it’ll have the same effect:

<?php echo do_shortcode('[justified_image_grid]'); ?>

You can write code like this on CodeCanyon comments with the pre or code tags.

Your first solution would have been fine as well but you entered the PHP mode again but you were already in PHP mode.

<?php get_jig(array('id' => the_ID())); ?>

Something like this. ID is a post ID, while IDs attribute is media library image IDs. Also, array elements use the => instead of just =

Sorry for the delay, I was on vacation.

FYI you need to watch out for prettified quotes when copying code from codecanyon. They all must be straight.

Hello.

I am trying to optimize my site and I need to remove query strings from static resources. Here is the GTmetrix speed test result for my site(http://alexeiart.fi/) https://gtmetrix.com/reports/alexeiart.fi/GsKgmLIT I am not sure how to do that but it shows that the files are connected to justified image gallery. one of the files is : http://alexeiart.fi/wp-content/plugins/justified-image-grid/timthumb.php?src=http%3A%2F%2Falexeiart.fi%2Fwp-content%2Fuploads%2F2015%2F08%2F2D-Art-Banner.png&h=190&q=100&f=.png

Could you help me with this please ?

They are vital for the thumbnails to be working correctly and currently they cannot be removed. I’ll see in the future if it’s possible to create a nice URL format. Don’t worry about this, there are more important aspects of page speed than greening out every recommendation on gtmetrix. Not all of theis suggestions are applicable to every kind of site in general.

Also, it’s not recommended to remove them from other static resources such as JS or CSS files, as WP and plugins append their version number as a query string. This can ensure that visitors browsers gets the latest version after something is updated. If you remove the query string, things would be cached for more time than you prefer. While the page may look good to you, normal returning visitors would see the page a bit broken.

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