Adding a class selector to property of Image instance

[antonioOrtiz]

Hi there, great plugin, btw! Question for you, Is the best way to add responsiveness to the galleries would be to add the addClass property which you listed in the documentation?

I have a gaggle of images and when one is clicked you'd go to your gallery and i'd like that container to be responsive http://antonio-p-ortiz.com/work/

I have tried:

new jBox('Image', {
width: 500,
height: 500,
imageFade:2000,
animation: 'slide',
addClass: '.jBox-image-container'
});

.jBox-image-container{ //
max-width: 100% !important;
height: auto!important;
display: block!important;
margin: 0px auto!important;
}

Or is there another way which is simpler which I have overlooked...?

Thanks so much!

[StephanWagner]

Hi Antonio, I just answered in the comment section on stephanwagner.me:

Thats one way to do it. But make sure to just add the class name(s) (widthout the dot):
addClass: 'jBox-image-container'

Also note that the classnames are added to the jBox wrapper. So you could do something like that:

addClass: 'jBoxResponsive'

.jBoxResponsive .jBox-container {
    max-width: 100% !important;
    /* More CSS... */
}

[StephanWagner]

You can use jBox v0.4.0 for responsive behavior