We wrote to Juicebox

Hello,

We have using a Juicebox Pro (1.4.4.2) still images can't be fitted in juice box size.
Please Suggest me how to manage the width and height without streching in juicebox.

Please see the link below:-

http://ec2-52-1-133-240.compute-1.amazonaws.com/PROJECTS/ListingSiteForI...

Thanks

They responded:

Hello

I notice that you are using the Juicebox module for Drupal.
Please note that we did not write the Juicebox module for Drupal ourselves and, as such, I would recommend that you post your query in the Drupal forum where the author of the module (who will be more familiar with both Drupal and the Juicebox module for Drupal) should be able to help you out further: https://www.drupal.org/forum
(The Juicebox module for Drupal is an unofficial plugin but is well supported by its author on the Drupal forum.)
When using the Drupal module, the gallery's structure and embedding code are different to the standard instructions on our own support pages and the author of the module will be the best person to help you out.

It looks like you still have custom CSS rules in your 'style.css' file which might affect the size of the images in your Juicebox gallery.
If you added these custom CSS rules to your 'style.css' file yourself, then try removing all CSS from this file which relates to your Juicebox galleries.
If you did not add these custom CSS rules yourself (and they were added automatically by the Drupal module), then the author of the module should hopefully be able to help you out further in the Drupal forum.

Having said that, I have just taken another look at your Juicebox galleries and the gallery images no longer seem to be distorted so if you have already made any changes, then they might have solved your problem. Try clearing your browser's cache before reloading your web page to see if this makes a difference.

According to my browser's developer tools, the original problem (from the email below) certainly seemed to be caused by the following line of code in your 'style.css' file, although I do not know the origin of this code. (It might have been entered manually by yourself or generated by the Drupal module.)

.view-listing-juicebox .jb-dt-main-frame .jb-dt-main-image img{height: 100%!important;}

I hope this helps and points you in the right direction.

Regards,
Steven Speirs
Juicebox Support Team

Comments

mshujamalik created an issue. See original summary.

rjacobs’s picture

rjacobs commented
Assigned: mshujamalik » Unassigned
Priority: Critical » Normal
Issue tags: -juicebox

Hello, you mentioned that:

Images can't be fitted in juice box size. Please Suggest me how to manage the width and height without streching in juicebox.

But I'm not sure I understand what you mean by that. Can you be more specific about the root issue that you are experiencing?

If your images are getting disproportionately "stretched" then it's possible that your image style configuration in Drupal is forcing a specific aspect ratio onto the derivative styles that differs from the source images. The way that image styles are configured and behave is controlled by Drupal core, so you will want to confirm your settings at /admin/config/media/image-styles for the styles that you are using in your gallery. If you are using the styles that are bundled with the module ("Juicebox Medium", etc.), and have not altered them, then it's unlikely that your problem are related to these image styles, but it's definitely a good place to start when verifying which Drupal-specific variables may be related.

rjacobs’s picture

rjacobs commented
Status: Active » Closed (cannot reproduce)

I have not heard back on this in a couple of weeks so I'm adjusting the status.

If there is still an issues, that appears to be related specifically to this module, please feel-free to re-open.