I'm using an image slider called jb gallery 3.0 - running using jQuery.

It's just a normal image slider, but it's got a feature that detects the browser size and then scales the image to the size of the browser ie. if your viewing on an iPad it will give you a smaller image so that you can still see the entire picture.

The resizing is done each time the image loads in the slider, so if you resize the window in between slides, the next time the image loads it will be scaled... No need to refresh the page.

This all works fine it safari and chrome, but in firefox and opera (12.14) it doesn't, it just serves the full size image cropped...

I've made a js fiddle of what's happening here - <http://jsfiddle.net/ktvvW/5/> - try resizing the 'result' panel in chrome or safari to see what's meant to be happening.

Any idea why this doesn't work in ff or opera?

```
.

```

Cheers