Would it be possible to change the magnifier to a circle? If so, how easy would it be? I can see from the code that the box is done in CSS which doesn't allow for circles, which would mean it would have to be completely re-written in javascript, right? Can a javascript circle have an image as a back ground?

Nice module, by the way

Comments

owen barton’s picture

owen barton commented

This could perhaps be done by applying the border-radius property (and browser specific variants). This may need some refactoring of the way the javascript works, but shouldn't be too hard. Also, it wouldn't work in IE (6 or 7).

naught101’s picture

naught101 commented

I've tried this with -moz-border-radius and -webkit-border-radius and plain border-radius both on the div, and the image itself. I tested with FF3, KHTML, Konqueror-Webkit, and Opera 10 (beta). In all cases that rendered rounded border corners, the image corners overlapped the borders. It won't work.

ned

naught101’s picture

naught101 commented

http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm

maybe drawing the circle with javascript is the way to go?