How to display top right corner "X" to close in easybox

[GoogleCodeExporter]

I would like the ability to close easybox just like 
http://fancyapps.com/fancybox/#inline

I did try this manually, but it doesn't work:

<a href="javascript:$.easybox.close();"><img align="right" 
src="http://ciottiinc.com/led/images/CloseIcon20x20.png"></a>

I would guess it is already in the code, I just don't know how to activate it 
like in the example above for fancybox. It would look better hovering above the 
popup, in the corner vs floating down below the corner...

My site is in beta but you can see it running easybox at:

http://ciottiinc.com/led/?f=products&submenu=1&item=other

and click "Details | Add to Cart" for the popup.

Thank you for your help!

Ted

Original issue reported on code.google.com by tedcio...@gmail.com on 20 Oct 2012 at 10:39

[GoogleCodeExporter]

The option of choosing where the X is beeing placed woud make things too 
complicated. Actually, this could be done very easily by putting the closeLink 
not in the bottom element but directly in the center element. Therefore, you 
have to change easybox.js manually. Then you can set CSS left: 100%, top: 0% 
position: absolute margin-left,right: -width/2 of the close link.

Original comment by v.woch...@gmail.com on 20 Oct 2012 at 6:05

• Changed state: WontFix