Tutorial: Galeria de imagens (slideshow) com jQuery e o plugin jQuery Cycle
Quando o @rodrigofante me apresentou o seu projeto, Jwitter fiquei simplesmente impressionado e ao descobrir que o responsável pela mágica era o FrameWork jquery coloquei na cabeça que eu precisava estudar. Nos meus primeiros passos consegui fazer um efeito bem “legalzinho” de exibir e apagar uma imagem com efeito fade, gostei tanto que continuei a estudar e hoje em quase todos os projetos aplico uma solução jQuery.
E é para falar de uma dessas soluções que escrevo este post. Já viu aquelas galerias de imagens no estilo slide show? Muitos blogs estão usando plugins que mostram uma imagem e titulo dos posts em destaques, as imagens e chamadas vão se alternando e o efeito fica pra lá de bom. Um dos projetos que estou trabalhando, e logo você vão ouvir falar, precisava de um “truque” desses, não para chamar noticias em destaques mas para exibir imagens aleatórias, vou lá eu em busca de uma solução elegante e encontro o plugin para jquery jQuery Cycle Plugin.
Vamos deixar de papo furado e deixa logo mostrar para vocês como criar a galeria slide show, no futuro ela pode até virar um plugin mas enquanto isso aprende aê como fazer.
Dificuldade: 3;
Conhecimentos necessários: um pouquinho de HTML e CSS.
Veja mais ou menos como vai ficar a galeria: Demonstração
Primeiro você vai precisar baixar o jquery e o jQuery Cycle Plugin. Feito isso, na página onde quer inserir a galeria, você vai chamar os arquivos desta forma:
1 2 | <script type="text/javascript" src="../../visual/js/jquery-1.3.2.js"></script> <script type="text/javascript" src="../../visual/js/jquery.cycle.js"></script> |
Depois de chamar os arquivos você vai precisar construir a função que informa o ID da galeria, o timeout e o speed, o código deve ser esse:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <SCRIPT language="JavaScript">
<!--
$(function() {
$('#galeria').show(); //exibe a div pai
$('#galeria').cycle({
fx: 'fade',
timeout: 6000,
speed: 500,
next: '.next',
prev: '.previous',
pager: '.numbers'
});
});
// -->
</SCRIPT> |
No seu arquivo CSS você vai dar um display none na ID galeria, não se preocupe pois o plugin chama a div tornando-a visivel ao seu tempo.
1 2 3 | #galeria { display:none; } |
Agora estamos prontos para inserir o HTMl da galeria:
1 2 3 4 5 6 7 8 | <div id="galeria"> <div class="imagem"> <a href="#" title="TITULO"><img src="IMAGEM" title="TITULO" alt="DESC" /></a> </div> <div class="imagem"> <a href="#" title="TITULO"><img src="IMAGEM" title="TITULO" alt="DESC" /></a> </div> </div> |
Para cada imagem que deve aparecer na galeria você vai criar uma camada com a classe imagem, depois basta editar o CSS para deixar a galeria do seu jeito.
Para incluir aqueles botões de próximo e anterior inclua o código abaixo bem acima da camada galeria:
1 2 3 4 | <div id="navegar"> <span><a class="previous" href="#">Anterior</a></span> <span><a class="next" href="#">Próximo</a></span> </div> |
Veja mais ou menos como vai ficar a galeria: Demonstração
Precisamos aprender com as mulheres?
Hoje quando estava a caminho do trampo ouvi a mulher que estava sentada atrás de mim no ônibus ligar para uma amiga e pedir para que ela, a amiga, fosse trabalhar com uma blusa quadriculada pois ela estava indo com uma quadriculada também. Pensei, WTF? Já imaginou eu ligando para o @eduardopelosi e dizendo:
“Ai viadinho, não vá de blusa rosa para o encontro de blogueiros baianos não… ao invés disso vá com uma blusa azul porque estou indo de azul também”
Imaginem a situação, imaginem com que cara eu ficaria ao chegar na parada, encontrar o @eduardopelosi de rosinha e a galera toda tirando uma com minha cara por ter ligado e pedido para o cara ir vestido com uma blusa da mesma cor que a minha. Mas as mulheres podem fazer isso tranquilamente, ta tudo em casa e ninguém vai taxar ninguém de lésbica.
Quando cheguei no Rio de Janeiro um amigo meu foi me pegar no ponto, a gente se cumprimentou e notei que ele pensou descer a rua com o braço sobre meus ombros… WTF??? Me afastei rapidamente…
Quando chegamos na casa desse amigo ele comentou com a esposa e ambos me falaram que no Rio é normal amigos se cumprimentarem com beijo no rosto e andar abraçado na rua é aceitavel. talvez lá até seja mas aqui na Bahia, nós homens, ainda não aceitamos mas as mulheres costumam andar abraçadas, de mãos dadas, beijam no rosto e a depender do nível de intimidade e amizade chegam a dar selinho.
Diante destas situações fico a me perguntar, nós, homens, somos muito preconceituosos, machistas ou não chegamos ao mesmo nível de amizade que as mulheres conseguem ter entre sí?
E para não dizer que fiquei sem falar: Michael Jackson morreu
Concurso para marca do BlogsBA
O concurso para marca do BlogsBA já começou, se você tem habilidades como design vai lá ver o regulamento e submeta seu trabalho.
A inscrição é gratuita e acontecerá, impreterivelmente, de 5 de junho a 20 de junho, através do preenchimento completo do formulário de inscrição.
O vencedor do concurso vai ganhar um exemplar do livro Web 2.0 heroes.
Para maiores informações acesse a página do concurso.
Cara de pau
O @vttgaspar costuma dizer, lá no trampo, que as mulheres, por padrão, querem acreditar no homem e precisam apenas de um empurrãozinho para acreditar.
Não vou me prender ao que o amigo diz, não importa se é verdade mas o certo é que tem homens que acreditam tanto nisso, mesmo de forma inconsciente, que inventam as desculpas mais estúpidas possíveis para as esposas, abaixo cito o caso de um amigo.
O amigo, não citarei nomes, estava no motel com a amante quando o celular começa a tocar, é a esposa. Não atender seria pior então ele atende e diz pra mulher que esta no maior engarrafamento de todos os tempos, a mulher não acredita diz que é mentira e ele continua insistindo que esta no engarrafamento.
A mulher então diz: “Certo, se você ta mesmo no engarrafamento então buzina ai para eu ouvir“.
Na cara dura o amigo faz “bibi” com a boca…
Que fique registrado, eu não acredito 100% na veracidade do que meu amigo contou, não acho que ele seja tão cara de pau para fazer uma coisa dessas.
Participe do Concurso do BlogsBA e concorra ao livro Web 2.0 Heroes
Depois de muita conversa e pouco trabalho (ou foi o contrário) finalmente o concurso mais esperado de todos os tempos vai ao ár. Você que é design, acha que é design, já fez alguns rabiscos ou quer ganhar o livro Web 2.0 heroes, não deixe de participar do concurso logomarca BlogsBA.
O concurso Logomarca BlogsBA selecionará a marca que vai representar o Coletivo de Blogueiros da Bahia e para participar basta preencher a ficha de inscrição e enviar seu trabalho.
Se você se interessou leia o Regulamento do concurso e comece a trabalhar pois as inscrições vão até o dia 20 de junho. O vencedor do concurso leva pra casa um exemplar do livro web 2.0 heroes.
Não perca tempo, para saber mais acesse o site do concurso.
Tem gostosa no twitter? Tem sim senhor!
O Jorge ajudou os caras lá a me sacanear naquele incidente que não vale a pena comentar e sempre que tem a oportunidade me “xinga” de Leonildo, eu sei que deveria me vingar sabotando qualquer iniciativa do Jorge mas o cara me aparece com a campanha “tem gostosa no twitter”, puts, foda-se vou dar uma tregua e ajudar na parada.
Lá no post da campanha o Joge explica que o objetivo “é reunir as negas gostosas pra, quando você resolver entrar no twitter, começar logo seguindo um monte de gostosa e, sabe lá, enfiar o aipim no juicer de alguma twitteira desavisada”, você que conhece uma twitteira gostosa da Bahia envie um e-mail para jorge.cdlj@gmail.com, com o título “tem gostosa no twitter” e o twitter da gostosa.
Se você quer ajudar a divulgar a campanha acesse o blog Detesto gente inteligente para pegar um selo como este da sidebar do meu blog.
Eu já fiz minhas indicações, e você?
Num é que o moço era eu?
Hoje quando estava voltando para casa parei na livraria do Extra Paralela para atualizar o material de leitura, fiquei feliz ao perceber que todas as revistas relacionadas a tecnologia, informática e desenvolvimento web estão utilizando o Migre.me do @jonnyken, é animador ver a utilização em massa de um serviço nacional.
Encontrei na revista TiDigital de maio/ 2009 um artigo do Bruno Dulcetti mostrando as semelhanças entre desenvolvimento client-side e beber cerveja, o cara é muito louco mas no final das contas não é que tem razão? Nessa edição tem também o Fábio Ricotta falando sobre quando, onde e como aplicar SEO.
E por fim eu estava folheando a Revista W na fila do caixa quando escutei um guri falando com a mãe em um tom de espanto misturado com surpresa: “olha só mãe, aquele moço ta comprando uma revista de mulherzinha”.
Achei engraçado e ao chegar no caixa num é que aquele moço era eu? Do caralho, a capa da revista W n° 107 é rosa pink e o guri estava me olhando com uma cara de riso… puts, um guri de mais ou menos 12 anos me zuando, era o que faltava.
revista-w-107
A namorada de um amigo meu…
Eu tenho um amigo que ainda não aprendeu o principio básico para manter um relacionamento a dois sem encerrar totalmente sua vida social, esse amigo meu vai perceber, em breve, que uma das piores coisas da relação é quando a mulher não compreende que o homem precisa sair com os amigos de vez em quando.
Se você vai para a casa da sua namorada toda sexta quando sai do trabalho e passa o final de semana lá, vai acostumar sua namorada com a rotina e quando tentar mudar (leia sair para beber uma cerveja com os amigos depois do trabalho) vai iniciar a terceira guerra mundial. Grande parte das mulheres não estão preparadas para lidar com mudanças na rotina, se você vai buscá-la na faculdade toda noite ela não vai entender quando você ligar falando que vai ficar até mais tarde no trabalho, ela sempre vai achar que tem mulher na parada.
Esse meu amigo está deixando a rotina dominar sua relação, ele já não pode mais passar das 21 na rua porque ela liga e ele precisa correr para um local silencioso. Esse meu amigo já “não é mais aquele” (olha a cara dele, você não fica a toa…) e ainda não percebeu que não tem nada errado em curtir com a namorada o final de semana, as noites de sexta ou a vida inteira, o problema é transformar isso em um ritual, uma obrigação.
O homem precisa sair com os amigos pelo menos uma vez no mês só para não deixar a mulher acostumar com ele dentro de casa. Não deveria ser assim mas infelizmente nem toda mulher consegue compreender que nem sempre estamos em um barzinho cheio de mulheres dando em cima da gente, seria mágico se fosse assim, mas não é.
Se você é mulher e leu o texto acima, por favor, comece a aceitar que seu namorado/ marido/ noivo precisa sair com os amigos de vez em quando e tente não brigar ou fechar a cara quando isso acontecer.
E para você, meu amigo, enquanto as mulheres não alcançam esse nível de evolução evite que ela acostume com a rotina, saia pelo menos uma vez por mês para curtir com os amigos antes que seja tarde.
Relacionamento aberto é muito século 21 pra mim
Elas me chamam de cachorro…
Estava lendo o post da Alexsandra Moreira no blog não minto para ser legal e mais uma vez vou escrever aqui meus comentários.
A Alexsandra fala sobre a fidelidade masculina e praticamente diz que o homem pode trair a mulher que ama se aceitar que ela também possa trair.
Então trair para mim é não agir conforme esperado, ou seja ficar com outras pessoas sem o seu parceiro saber e achar que é norma
Se o parceiro ficar sabendo então ta tudo em casa, é isso?
Eu não sou tão “século 21″ ao ponto de aceitar que a mulher que amo possa ficar com outros caras e também não sou machista ao ponto de achar que é correto trair porque sou homem.
Enquanto solteiro vale tudo, vale ficar com uma hoje, uma amanhã e até com duas na mesma noite mas isso enquanto solteiro, na curtição, na “putaria”, no momento que parto para um relacionamento mais sério com uma garota automaticamente assumo certas responsabilidades, firmo certos compromissos e entre esses está a fidelidade.
onde esta a confiança?
“haaaa baiano, mas meu relacionamento é aberto…”
Aberto é o escambau rapaz, de onde foi que surgiu esse papo de relacionamento aberto? Se não me engano, a primeira vez que ouvi falar de relacionamento aberto foi no orkut, no meu “mundinho”, que você pode chamar de fechado mas é meu e eu gosto, é pra valer ou não é, um relacionamento aberto definitivamente não é algo que possa ser chamado de “pra valer”.
Deixa eu imaginar como deve ser esse tal de relacionamento aberto. Eu e minha princesinha no barzinho tomando uma cerveja quando entra um cara, ela olha, morde os lábios e diz: “vou ali ver se ele quer dar umazinha no banheiro e já venho pra beijar sua boca”.
hummm deixa ver, pensei em uma melhor, essa é pra você Alexsandra, seu namorado chega a noite e diz: “olha amor, eu trai você com uma tal de Bruninha, sei que você vai querer descontar então ela veio comigo, vamos pra cama nós 3 e estamos quites”.
Olha, não estou aqui com falso moralismo, nem querendo “pagar de bacana” pras menininhas me acharem o foda: “olha que legal, o baiano é pra casar, ele é fiel e blá blá blá”, não é por aí, tem mais haver com o que acho certo, com o que espero para mim e definitivamente o que espero não é uma mulher que perdoa minhas traições e desconta na mesma moeda.
Confiança é tudo…
…é tudo mesmo! Não quero ter que me preocupar quando minha esposa ligar dizendo que vai chegar mais tarde do trabalho porque vai sair para tomar uma “cervejinha” com a amigas, quero ter uma relação de paz e tranqüilidade, sem medos, uma relação baseada na confiança e não existe confiança numa relação em que tudo é permitido e aceitável, onde estão os limites?
Compromisso, o nome diz tudo, eu tenho um compromisso de fidelidade e amor eterno com minha esposa (eu não sou casado, estou falando de forma hipotética) e vou cumprir tal compromisso e espero o mesmo da parte dela, se comecei a desejar outras mulheres, se estou percebendo que não vou conseguir segurar a onda pois os instintos masculinos começaram a falar mais alto… puts, é a hora de chamar a gata para um papo reto, abrir o jogo e parar por ali, afinal ela não é mais a mulher da minha vida, ela já não me satisfaz completamente, PONTO… PONTO FINAL.
Enquanto isso no twitter
Perguntei no twitter se é verdade que corno trocado não dói e alguns amigos opinaram sobre o assunto com as mais diversas opiniões.
O @herdeirodocaos citou Nelson Rodrigues: “ficar com uma mulher só é trair todas as outras”, hehehe, até engraçado mas na prática não da certo.
A @jamilebarbosa e a @piticanela (ou seria picanela rsrsrs) acham que pagar na mesma moeda dói em dobro.
O @andrecaribe poderia compartilhar aqui sua experiência com um relacionamento aberto, da para levar a sério? Porque não casou com ela?
A @isisfm concorda comigo, relacionamento aberto não existe.
E você o que acha sobre o assunto?
O TwitterBA foi muito foda
No sábado passado sai de casa na maior chuva para encontrar os twitteiros da Bahia no #twitterba, quem não apareceu por causa da chuva não tem nem noção do que perdeu, valeu muito a pena.
Eu não conhecia pessoalmente a maioria dos presentes e gostei muito de conhecer a galera, a turma é extremamente animada e pela primeira vez encontrei umas mulheres que conseguem beber quase a mesma quantidade de tequila que eu.
O tio @gersons organizou um esquema de apresentação no estilo escolar, algo bem formal, cada um levanta, diz o nome e o usuário do twitter, a idéia era que todos pudessem se conhecer mas na real a gente se conheceu mesmo quando o álcool começou a fazer efeito, ai foi aquela bagunça, todo mundo circulando e batendo papo com todo mundo, sacaneando todo mundo…
O @eduardopelosi fez o favor de publicar a lista com o twitter de todo mundo que apareceu no evento então se quiser saber quem estava no TwitterBa click aqui.
Cesta de café da manhã
Cesta de café da manhã fornecida pela Detalhes
Aproveitando a oportunidade eu gostaria de agradecer, em nome de toda equipe do BlogsBA, ao pessoal da empresa Detalhes. A Detalhes é uma empresa especializada em comércio de artesanato, cestas de café da manhã, flores e complementos, eles deram um apoio ao nosso grupo fornecendo uma cesta de café da manhã para sortear no TwitterBA.
A cesta é maravilhosa, posso falar com conhecimento de causa já que ganhei o sorteio.
Confira a loja virtual da Detalhes e lembre deles na hora de presentear aquele alguém especial.
O twitter da detalhes é @detalhes.
