Efeito de Câmara Fotográfica com jQuery e CSS

O plugin jQuery PhotoShoot oferece a possibilidade de converter qualquer div na sua página web numa área de disparo, simulando o efeito de uma câmara fotográfica. Com este plugin, dará aos visitantes do seu site a oportunidade de poderem tirar fotos à imagem de fundo da aplicação.

Cada vez que é clicado numa determinada área, um novo disparo é adicionado ao div que contem margin negativa. Depois uma nova animação é iniciada, a qual vai deslizar na viewport e puxar os outros disparos novamente para uma margin negativa, ocultando sempre o div.

Você pode usar livremente estas técnicas e construir o seu próprio código.
Existem muitas possibilidades para este plugin, por exemplo para sistemas de navegação, promoção de sites ou simplesmente para divertir os utilizadores do seu site.

Demonstração: http://demo.tutorialzine.com/2010/02/photo-shoot-css-jquery/demo.html
Fonte: http://tutorialzine.com/2010/02/photo-shoot-css-jquery/

Grande abraços!!!

Atenciosamente!

Visualizar preview da Imagem antes do Upload

Visualize a imagem antes de enviá-lo para um servidor remoto usando o método load(), novo recurso da classe FileReference no Flash Player 10...




Fonte: http://blog.flexexamples.com/2008/08/25/previewing-an-image-before-uploading-it-using-the-filereference-class-in-flash-player-10/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+FlexExamples+%28Flex+Examples%29

Grande abraço...

Atenciosamente!

DistortImage com imagens carregadas dinamicamente no Flex

Fonte: http://www.rubenswieringa.com/blog/using-distortimage-with-dynamically-loaded-images

Efeito no Alert do Flex

O exemplo a seguir mostra como definir um efeito na criação de um Alert através da propriedade creationCompleteEffect. Para não perder o conteúdo do Alert, a font deve ser incorporada tanto o tipo de letra normal e negrito usando CSS e @ font-face.



Código fonte:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:Style>
        @font-face {
            src: local("Verdana");
            fontFamily: VerdanaEmbedded;
        }

        @font-face {
            src: local("Verdana");
            fontFamily: VerdanaEmbedded;
            fontWeight: bold;
        }

        Alert {
            fontFamily: VerdanaEmbedded;
            creationCompleteEffect: myEffect;
        }
    </mx:Style>

    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;

            private var alert:Alert;

            private function button_click():void {
                alert = Alert.show("The quick brown fox jumped over the lazy dog", "Lorem Ipsum");
            }
        ]]>
    </mx:Script>

    <mx:Sequence id="myEffect">
        <mx:Parallel>
            <mx:Zoom />
            <mx:Fade />
        </mx:Parallel>
        <mx:Rotate />
    </mx:Sequence>

    <mx:Button label="Launch Alert" click="button_click();" />

</mx:Application>

Fonte: http://blog.flexexamples.com/2007/10/12/creating-a-custom-creation-complete-effect-on-a-flex-alert-control/

Grande abraço...

Atenciosamente!

Alguns Componentes em Flex

Biblioteca com alguns componentes disponibilizado por Gilmar seu Blog....




Atenciosamente!

Preloader Image no Flex

Customize o preloader de imagens no Flex ultilizando a subClasse mx.controls.Image...



Fonte: http://strawberrypixel.com/blog/flex-components/#preloadingimage


Fica mais essa dica...

Atenciosamente ...