search

GianlucaGuarini / jQuery.BlackAndWhite

Clientside grayscale images on any browser
http://gianlucaguarini.github.io/jQuery.BlackAndWhite/
Other
310 stars 131 forks source link

Black/White Image Smaller Than Coloured Image #28

Closed onyekaa closed 11 years ago

onyekaa commented 11 years ago

Perhaps there's some error in the way I set this up but I was working with the demo (which doesn't load the images in chrome for some reason), but my own version loads there. The images are different sizes. For Safari, it doesn't even change it to black and white at, just places a duplicate next to it.

Here's the generated code for Chrome. It's generating an extra height and width.

<a href="#" class="bwWrapper" style="opacity: 1;">
<img src="http://localhost/gallery/albums/crap/header.jpg" width="100" height="300" class="BWFilter BWfade" style="position: absolute; top: 0px; left: 0px; display: block; width: 55px; height: 66px; -webkit-filter: grayscale(100%);">
<img src="http://localhost/gallery/albums/crap/header.jpg" class="b" alt="header.jpg" title="header.jpg" width="100" height="300">
</a>

This is the way it looks on Chrome.

bwpre

On Safari: bwno

I hope that makes sense.

GianlucaGuarini commented 11 years ago

thanks for the bug report. It has been fixed in the new release