[Laszlo-dev] Modifying CSS on images in view.sprite.__LZdiv.innerHTML

[Raju Bitter]

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>