Visualizador de imagens

sexta-feira, 26 de dezembro de 2008


Sabe quando você entra em um site e quando você clica na imagem ou na galeria de fotos e aparece um efeito de imagem parecido com flash ou aparece na mesma tela uma caixa com a imagem dentro?Bem, primeiramente isto não é sempre uma aplicação em flash (algumas são sim, e pode ter certeza que os que fazem este tipo de animação, fazem com mais qualidade e dinamicamente do que os efeitos que veremos. Tudo isso é feito, com códigos CSS e Javascript. No mundo de hoje, praticamente tudo é possível, só não é possivel (não que eu saiba)não morrer... Ai o pessoal de outros sites criam seus projetos e colocam-o na net para serem testados por nós e aperfeiçoados por eles. A maioria deles claro em inglês, porque infelismente produtos brasileiros não tem propagandas e o pessoal também não se interessam muito em divulgar seus projetos nos lugares mais badalados pelos usuários... Enfim, eu não gosto muito de postar imagens de coisas aqui, mas sempre que posso coloco ao menos uma imagem da coisa em questão, e desta vez, vai a imagem do site onde eu encontrei o Sexy LightBox 2, o que na minha opinião é beeeem completo e legal para sites e blogs.

Primeiro é necessário um lugar para hospedá-lo como o Blogger por exemplo, mas se você não o tem, fique calmo(a), use sua cuca de verdadeiro blogueiro(a) e pense, 'Na internet se encontra de tudo' até lugar para hospedar suas coisas diversas gratuitamente, sim amigos, por exemplo o Geocities do Yahoo!, la você pode hospedar os arquivos necessários para fazer o 'programa' funcionar, ou a Bol, ou outros tantos lugares de hospedagem, mas saiba e leia as regras de hospedagens do site, pois nem todos hospedam qualquer coisa.

Depois é hora de visitar o site para mais informações, dawload de tudo e exemplos. Eu indiquei este pois co ele você pode além de visualizar imagens (galeria, Gif e Jpg), inserir conteúdo escrito, Iframe, aplicações em Ajax, vídeos do YouTube e Local de identificação do usoário (login e senha) e deve ter mais finalidades.

Sexy LightBox 2 [Este link é para sites e Uol Blog]

Como eu devo proceder a partir de agora?
Após você ter 'lido' o site ou traduzi-lo, ver e gostar de tudo, faça o Dawload que se encontra no fim da página no site. No link se encontra outras versões de visualizadores de imagem, e todos são a mesma coisa para instalar, no próprio site tem uma grande ajuda para você em espanhol se eu não estiver enganado, mas aqui está a tradução (ta mais para breve ajuda) para você:

Envie os arquivos para o servidor, se ele for externo, vo~cê terá um pouco mais de trabalho, porém funciona corretamente. Copie o que se encontra na caixa depois do tópico Instalación no cabeçalho de sua página. Agora para fazer com que os arquivos tenham efeito copie o que se encontra na caixa do tópico ¿Cómo se usa? e colar no cabeçalho da página [também] e por ultimo nos seus links a propriedade rel = "sexylightbox ' [ ta escrito com erros aki para não ser entendido como uma propriedade, mas no site esta certo ]. E opcionalmente se você quer que apareça uma legenda ou cabeçalho na hora de ver a imagem ou link pelo site adicione title.

O mais idicado é que você traduza a página para entender cada passo, e fazer segundo o seu geito. Você pode escolher em utilizar o Preto ou Branco, ambos são bonito e valem a pena. Depois de ter feito o Dawload, você pode personalizar as imagens e tudo mais, lembrando que os direitos autorais devem constar segundo a vontade do site. Tome cuidado em escolher uma versão ou um outro visualizador que funcione na maioria dos brawsers possíveis, e se você tem dois ou mais brawsers no seu PC teste-o em todos. E para os que não gostaram desta dica eu indico este site, também com várias formas de visualizar imagens (em inglês)

Ver demostrações
Visitar site

Visitar site traduzido para português [pode ser que a tradução não funcione em alguns dias]
Visitar uma galeria de fotos com visualização de imagens semelhantes (não utiliza o Lightbox, melhor visualizado no Internet Explorer, no Firefox ele não funciona muito bem)
[Nota do dia seguinte: Eu não consegui fazer com que o Blogspot interpretasse o código javascript para aparecer a imagem, desta forma, eu ainda não consegui arrumar esta parte.]
Se esta dica lhe foi útil, então link-nos e dê os devidos créditos.
Qualquer dúvida é só comentar ou escrever para nós em Pergunte

3 comentários:

  1. Olá. Não tem problema que não resolveu mas foi teve boas intenções em me ajudar, então te homenageei, rs...

    Legal a dica, mas pelo que entendi, é para ver as figuras?

    Agora já uso o Feed Burner para além de ter o feed funcionando direitinho: saber quantos andam lendo.

    Beijão!

    ResponderExcluir
  2. A foto foi tirada de um monitor sim.

    Vou adorar ver a tal foto.

    Beijos, boa sorte.

    ResponderExcluir
  3. quero um visualizador de fotos para meu blog mj-world-jovem.blogspot.com

    como o do new-video-aula.blogspot.com ou um igual ao do orkut.

    ResponderExcluir

Use este espaço para perguntar, questionar ou dar algum complemento sobre o artigo em questão. Todos os comentários publicados no Arruma Blog são de inteira responsabilidade dos seus respectivos autores. A finalidade do comentário é proporcionar ao leitor o poder de resposta sobre a postagem apenas. Neste campo não será aprovado comentários para publicar link e/ou material com conteúdo pornográfico de qualquer espécie, discriminatório ou ofensivo de qualquer natureza; que enviar informações sobre atividades ilegais e/ou incitar crimes ou violência. Para finalidades comerciais ou contato direto com o autor damos a opção de 'entrar em contato no topo da página'.

É expressamente proibido utilizar o espaço de comentários para engajar-se em atividades de cunho comercial, como vender produtos, procurar anunciantes e patrocinadores, divulgar informações pessoais de contato, além de veicular banners de qualquer espécie. Também serão apagados comentários de auto-promoção ou que não sejam pertinentes ao artigo em questão.

Todos os comentários são moderados e poderão ser excluídos caso sejam considerados inadequados, ofensivos ou alheios ao objetivo do blog. Este é blog é protegido pela lei de direitos autorais vigente no Brasil.


















 
Arruma Blog © 2009 - 2013 | Desenhado por Bubble Shooter | Direitos reservados | Obrigado pela visita