Add support for different aspect ratios/Fix crash caused by using reserved keyword class without quotes

[maxee]

This PR patches the following issues:

• Add support for different aspect ratios of thumbnail and full-size image
• Fix crash caused by using the reserved keyword class without quotes. This causes a crash/error and stops any further js execution at least in IE8 (although IE8 does not support transforms, this bug needs to be fixed, other versions/browsers may be affected as well.)

[andreasd]

hi!

thanks - the different aspect ratio was exactly what I was looking for. Testing it right now :)

It seems that 43f7627 does not take the viewPortfill into account. Images with different ratios seem to have more unused space around them, but I have not yet tested this any further.

[maxee]

@andreasd
Yep that could be. I didn't really test how much of the viewport images with different ratios use. The behavior seemed ok for me. Didn't have time to test it, but I will take a look at it.

[andreasd]

I found some bugs in this implementation (mainly typos), see comments on 43f7627

[maxee]

Thanks @andreasd,
I fixed the typos.

Additionally I made a few viewport tests afterwards. I think everything is working as it should:

Viewport 1.0:

Viewport 0.5:

[terrymun]

Thanks for the work, guys! Was off the grid for a few weeks for personal reasons, but thanks for your input.

It was never the intention to support image resolutions of different sizes, but you guys made it possible. I'll include your names in the credits when the next version is published (should be on the horizon, by the weekend or so).