Ir para o conteúdo
sEnte

Tornar isto aleatório

Mensagens Recomendadas

sEnte

escrevi este código que faz esta coisa bonita.

http://exp.net84.net/jQuery%20Tutorial%20-%2076%20-%20Gallery%20Fading%20Effect/index.html

mas no entanto descobri algo que faz o mesmo mas de uma maneira diferente.

http://365supers.blogspot.pt/

as imagens tem um screw(acho que é isso) diferente.

Como posso fazer para tornar aleatório o screw.

Há sempre possibilidade de fazer um por um e nomeu caso não é dificil mas no caso do blogspot ia ser complicado.


"If It Ain't Broke, Break it and build something Cooler!" Unknown

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
HappyHippyHippo

https://developer.mozilla.org/en-US/docs/Javascript/Reference/Global_Objects/Math/random

http://code.google.com/p/jquery-rotate/

// usando jQuery + jQuery.rotate

function my_random(inf, sup) {
 return Math.random() * (sup - inf) - inf;
}

$(document).ready(funcition() {
 $("#imagens").rotate(my_random(-10.0, 10.0));
});

ps : não testado


IRC : sim, é algo que ainda existe >> #p@p

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
HappyHippyHippo

talvez :

function my_random(inf, sup) {
 return Math.random() * (sup - inf) - inf;
}

$(document).ready(funcition() {
 $("#imagens").css('transform', my_random(-10.0, 10.0)+'deg');
});
transform:rotate(7deg);

por outras palavras : não terás outra opção que usar javascript para a aleatoriedade (a não ser que o facas no servidor)

Editado por apocsantos

IRC : sim, é algo que ainda existe >> #p@p

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
sEnte

mas aí estás a usar jquery se não me engano, eu estou a falar de CSS mesmo.

tal como isto

.fadeto {
   opacity: 0.5;
   transform: rotate(4deg) scale(0.7) skew(1deg) translate(10px);
   transition: all 0.3s ease-in 0s;
}


"If It Ain't Broke, Break it and build something Cooler!" Unknown

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
HappyHippyHippo

por outras palavras : não terás outra opção que usar javascript para a aleatoriedade (a não ser que o faças no servidor)


IRC : sim, é algo que ainda existe >> #p@p

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
sEnte

Dá para fazer com puro CSS

http://jsfiddle.net/AupNj/1/

agora estou é com um problema. tenho de descobrir a forma de como meter o rato em cima da imagem ela muda a opacidade de 50% para 100€ que já faz mas que também mude a rotation para 0º e e fique em evidência como no link que meti

http://exp.net84.net/jQuery%20Tutorial%20-%2076%20-%20Gallery%20Fading%20Effect/index.html

dando a ideia que aumentou

tenho muito o vicio de perguntar e só depois experimento em vezde fazer o contrário...

http://jsfiddle.net/AupNj/3/

será esta a melhor maneira?

Editado por sEnte

"If It Ain't Broke, Break it and build something Cooler!" Unknown

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
sEnte

sim realmente tens razão, mas era uma cena neste genero que estava a falar.

Vou experimentar com jquery.


"If It Ain't Broke, Break it and build something Cooler!" Unknown

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.