Correction: I thought it would be possible to use an image attached to
a div with an alpa channel. As I just learned, that's only possible
with a combination of the border-image property with box-shadow:
http://www.w3.org/2009/07/B-and-B/border-image-shadow-combine.html
And there's no agreement right now on how a combination of these
effect should be treated.
I was able to modify the CSS style of an image attached to a view by
using view.getMCRef().firstChild.style, but of course that could only
be used for testing.
border-image and Flash's 9-slice:
border-image could be interesting, as it means it's possible to
implement Flash 9-slice behavior for DHTML.
http://livedocs.adobe.com/flash/9.0/UsingFlash/help.html?content=WSd60f23110762d6b883b18f10cb1fe1af6-7db8.html
On Aug 23, 2009, at 10:28 PM, Raju Bitter wrote:
If we want to support drop shadows for images (transparent PNG with
drop shadow, see the attached screenshot), I need to be able to
modify the CSS of an image attached to a view.
Right now the image class is set to
<img class="lzimg" src="OpenLaszlo.png">
Is there any programmatic way to attach CSS to the image object?
Guess not. If you wonder, have a look at the attached screenshot. On
the left side is a Flash DropShadowFilter applied to a view, which
has a transparent PNG as resource. On the right side is the same
code in DHTML, but the shadow is attached to the view containing the
PNG instead.
If we only want to support drop shadows on views and not on images,
that's ok. But having the support for images is much more powerful.
Text drop shadow support in DHTML is a different feature which we
can implement, but I think the image based dropshadow is need as well.
<Transparent-PNG-DropShadow.png>
