Efeitos em imagens

Assuntos Gerais
#1

Olá pessoal, tudo bem?

Primeiramente desculpem a minha ignorância. A seguinte pergunta me dá um tiro no pé!!! rs…

Estou desenvolvendo um site em HTML mesmo e gostaria de criar um banner com 3 imagens… Essas imagens seriam apresentadas uma por vez e depois de certo tempo a opacidade de uma diminuiria e da outra aumentaria, dando assim um efeito mais “elegante” na troca de imagens do banner. Como se fosse em Flash, porém, em JavaFX isso seria possível?

Agora explico porque em JavaFX. Uma que java é uma linguagem excelente (nem preciso falar), outra que se não estou enganado a maioria das plataformas para desenvolvimento em Flash são pagas, outra que uso somente Software Livre… São apenas alguns dos motivos… Mais um pra fecha? Tenho horror de Flash…

Bom se alguém tiver algum material sobre isso eu ficaria muito grato.
Abraços…

#2

Para esse tipo de coisa acredito que CSS seja suficiente.

#3

Boa tarde,

Não conheço quase nada de JavaFX, mas fazer isso no Flash seria absurdamente simples. E existem sim alternativas Open Source e gratuítas para isso. Por exemplo o FlashDevelop ( http://www.flashdevelop.org/ ) e até mesmo o SDK do Flex é gratuíto e Open Source, e vem com o MXMLC para compilar ( http://www.adobe.com/cfusion/entitlement/index.cfm?e=flex3sdk ).

[]'s

#4

Isso também é super fácil em JavaFX!

tem um pacote de classes para realizar transições, uma delas é a FadeTransition.

#5

Fiz um exemplo correndo em JavaFX, tá cheio de bug, mas mostra a simplicidade:

package imageshow;

import javafx.scene.image.*;
import javafx.animation.*;
import javafx.scene.Scene;
import javafx.stage.Stage;

def width:Number = 300; def height:Number = 300;
var imgUrls: String[] = [
            "http://gabrielcorpse.files.wordpress.com/2009/06/javafx_big.jpg",
            "http://raphaelmarques.files.wordpress.com/2009/07/javafx_logo_color_1.jpg",
            "http://norberto3d.files.wordpress.com/2008/05/javafx.jpg",
            "http://www.victorinfo.com.br/system/imagens/logo_javafx.png"
        ];
var images: Image[] =
        for (url in imgUrls) Image { width: width height: height backgroundLoading: true url: url };
var i: Integer = 0 on replace {
            if (i >= sizeof images)
                i = 0;
        };
var j: Integer = 1 on replace {
            if (j >= sizeof images)
                j = 1;
        };
def imgView: ImageView =
        ImageView { fitHeight: width fitWidth: height image: bind images[i] };

def imgView2: ImageView =
        ImageView { fitHeight: width fitWidth: height image: bind images[j] opacity:0 };

Timeline {
    time: 4s; repeatCount: Timeline.INDEFINITE; rate: 2 
    keyFrames: [
        KeyFrame {
            time: 2s
            values: [
                imgView.opacity => 0,
                imgView2.opacity => 1
            ]
            action: function () {
                i+=2;                
            }
        }
        KeyFrame {
            time: 4s
            values: [
                imgView.opacity => 1,   
                imgView2.opacity => 0
            ]
            action: function () {
                j+=2;                
            }
        }
    ]
}.play();

Stage {
    width: width height: height
    scene: Scene {
        content: [imgView, imgView2];
    }
}
#6

pq no site javafx.com.br vc vai encontrar o que esta querendo

abraço

#7