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

[P T Withington]

It would be greate to attach this information to the relevant Jira  
item, so we don't lose it.

On 2009-08-23, at 19:16EDT, Raju Bitter wrote:

> 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>
>