Screencaster Transmitindo conhecimento




Ruby on Rails #7 – Adicionando lightbox nas fotos dos produtos

Vamos seguir nossa série sobre Ruby on Rails. Esta semana vamos usar um helper de lightbox para Rails, que nos é fornecido como um plugin, para adicionar o efeito lightbox nas imagens dos nossos produtos de forma que os usuários possam ver a versão grande da imagem.

O episódio está um pouco mais curto que os outros porque eu estou um tanto ocupado, mas precisava gravar já que semana passada já não tinha saído este episódio. Espero que gostem:

Segue o comando para instalar o plugin na sua aplicação:

script/plugin install git://github.com/Lipsiasoft/lightbox.git

Qualquer dúvida, comentário, sugestão, ou se quiserem apenas agradecer, basta deixar um comentário.

Um abraço e até o próximo post =]

Eu consigo produzir conteúdo gratuito para o blog graças à ajuda do pessoal que compra as aulas pagas. Se você puder, compre uma das aulas pro e ajude a manter este blog no ar.


20 pessoas comentaram

  1. Rafael disse:

    Eba, já to baixando pra ver quando chegar a noite do trabalho..
    Abraço..

    Obrigado..

  2. Thiago Retondar disse:

    Muito bom o screencast.

    Você que já é programador, me diz uma coisa. Para o mercado de trabalho, o que mais vale? PHP ou Ruby/On Rails? Ou ainda Java?

    Abraços.

  3. inside disse:

    Thiago, eu diria que as três, no entanto, depende muito de onde você vai ou quer trabalhar. O que está na mídia hoje em dia é Ruby on Rails, mas esquecer todo o resto e se focar só nessa tecnologia seria burrice.

  4. Thiago Retondar disse:

    Esta lendo por aí que Ruby On Rails é bom para trabalhos pequenos, digamos domésticos.

    Minha intenção é trabalhar mais focado em Web mesmo. Mas vou deixar rolar, aliás só vou estudar uma linguagem serve-side daqui um ano e meio, por aí, por enquanto estou no ActionScript.

    Até lá, acho que muita coisa vai mudar.

    Abraços.

  5. inside disse:

    Ruby on Rails serve pra projetos de vários tamanhos, eu não recomendaria em projetos muito pequenos, pois seria como matar uma mosca com um canhão.

  6. sdik disse:

    Bom. gostei e to divulgando seu trabalho, queria saber como tratar com datas no insert tipo dd/mm/aaaa, como instalar o brazilian-rails seria bom não consigo fazer isso funcionar

  7. inside disse:

    Vou incluir uma parte sobre internacionalização nesta série ;)

  8. massa d++++ tava seco aqui só esperando essa do lightbx… UAHSUShuAShuAShuAHS!!!
    cara… show de bola.. ta mandando bem.. mais tarde eu dou uma conferida… ja baxei aqui.. to na facul agora… eheheheh!!! abração! e thx pela contribuição…. to pensando em abrir uma area de parceiros lah no meu blog, com mais destaque e tals. qnd eu fizer isso te falo pra colocar um banner teu lah…

    fuiz!

  9. Thiago Retondar disse:

    Só uma dúvida.

    A imagem miniatura e média possuem o mesmo tamanho, em KB?

  10. inside disse:

    Não Thiago, quanto menor a imagem em pixels, menor será seu tamanho em kb…

  11. Thiago Retondar disse:

    Acabei de fazer um teste aqui. Coloquei duas imagens. Ambas iguais. E, em uma delas, redimensionei, através de CSS, e ao salvar as imagens, com nomes diferentes, não se preocupe, ficaram com o mesmo tamanho em KB.

  12. rafaelpinese disse:

    Eu sei que não faz diferençca, mas o link não deveria ser Screencaster-RubyOnRails7Adicionando
    LightboxNasImagensDosProdutos265.mov

    Ao invéz de RubyOnRails6Adicionando . . .

    Ótimo video! :)

  13. Nelson Coelho disse:

    Ótimo screencast, rápido e objetivo

    Parabens.

  14. Alysson disse:

    Parabéns pela iniciativa … vc esta ajudando muitos profissionais assim como eu que estou iniciado no mundo do software livre. Um pena neste momento eu estar usando somente Windows, pois minha maquina eh muito precaria, inclusive ainda nao consegui instalar o git para baixar os Plugins que vc vem passando… a minha duvida eh só da pra instalar os plugins… ha alguma maneira de instalar sem utilziar o GIt ?
    abraço

  15. inside disse:

    Alysson, você pode entrar no endereço do plugin no github (caso este esteja lá), baixar uma versão zipada do plugin, e extrair dentro da pasta vendor/plugins na sua aplicação. No entanto, veja este post para ver se não resolve seu problema com o Windows: http://www.screencaster.com.br/o-melhor-ambiente-windows-para-rails/

  16. [...] Adicionando lightbox nas fotos dos produtos [...]

  17. GGuerra disse:

    Estranho, implementei o ligthbox mas quando clico na imagem não abre como no screencast, abre la embaixo da pagina :S, alguma sugestao?? hehe isso soh acontece cumigo.. hauhuhau

  18. inside disse:

    GGuerra, verifique se incluiu o CSS do lightbox corretamente no layout da página, geralmente é por falta do CSS que isto acontece ;)

  19. rcalastro disse:

    Aê pessoal do screencaster, especialmente os que estão envolvidoo nesse case do ruby on rails… queria dizer que vocês estão de parabéns pela iniciativa e que é um blog muito muito muito bom.

    Já tinha ouvido falar no ruby on rails, mas nunca tinha dado muita atenção… mas notei que ele vem ganhando várias capas de revistas e eu resolvi entender o seu funcionamento e diferencial com relação aos “concorrentes”.

    Confesso que estou muito surpreso com a “facilidade” de se desenvolver uma aplicação como essa loja virtual ou um blog ou coisa do genero. É extremamente inteligente, pelo menos me pareceu, como ele trabalha com o banco de dados.

    Bom.. ainda não termineir de ver todos os videos… estou fazendo um overview para depois botar a mão na massa de verdade.

    Mais uma vez, parabéns…

    … provavelmente voltarei a entrar em contato….
    aah!!

    uma sugestão (que no meu mundo seria interessante) seria inserir um gráfico com estatística de vendas, por exemplo (só pra fazer a aplicação conversar com o fusion chart ou outro desses apps!)

    um abraço!!

    Sucesso!!

    (acho que levei a sério a parte de escrever o quanto quiser uahiauhaiuh)

Agora é a sua vez: