search

jonom / jquery-focuspoint

jQuery plugin for 'responsive cropping'. Dynamically crop images to fill available space without cutting out the image's subject. Great for full-screen images.
Other
3.14k stars 211 forks source link

Bootstrap 3 Compatibility? #40

Closed bogacg closed 9 years ago

bogacg commented 9 years ago

I couldn't manage to make it work with Bootstrap 3. Is it compatible with Bootstrap 3 at all?

Strangely focuspoint div get's 0px height.

Thanks

jonom commented 9 years ago

Hi @bogacg, I haven't tested this with Bootstrap 3 but there's no reason it shouldn't work. To use FocusPoint in any context you have to first set a desired height on the image container yourself. FocusPoint then fills the space available with image as best it can. If you don't set a height on the container there will be no space to fill so you won't see any image. Please feel free to re-open this issue if this doesn't solve your problem.

bogacg commented 9 years ago

You are right. When I give height to div that's focuspoint class it works as expected. Thank you.