terça-feira, 6 de novembro de 2012
Assinar:
Comentários (Atom)
COLOCANDO EFEITO ZOOM JQZOOM NA PÁGINA DO BLOG.
COLOCANDO EFEITO ZOOM JQZOOM NA PÁGINA DO BLOG.
vai no desidn do blog,editar html,procurar texto 
acima deste texto coloque
este código
vai no design,adicionar um gadget e cole este código
PODE USAR A IMAGEM DO ORKUT A GRANDE E A PEQUENA
vai no desidn do blog,editar html,procurar texto
acima deste texto coloque
este código
vai no design,adicionar um gadget e cole este código
PODE USAR A IMAGEM DO ORKUT A GRANDE E A PEQUENA
fora Zoom
Neste exemplo, a imagem é "ampliada" no exterior a imagem principal em uma outra caixa sobre o "direito". Este efeito pode também pode sair do 'top', 'bottom', ou a 'esquerda'. A imagem ampliada neste exemplo é tocar a imagem menor, mas se você gosta deste pode ser movido ao longo de pouco para deixar uma lacuna.
Zoom interior
Other Options
fora Zoom
Neste exemplo, a imagem é "ampliada" no exterior a imagem principal em uma outra caixa sobre o "direito". Este efeito pode também pode sair do 'top', 'bottom', ou a 'esquerda'. A imagem ampliada neste exemplo é tocar a imagem menor, mas se você gosta deste pode ser movido ao longo de pouco para deixar uma lacuna.
Zoom interior
outras Opções No próximo exemplo, a imagem é ampliada dentro do mesmo quadro de modo que não over-lap qualquer texto na página da web. Novamente um efeito muito inteligente e legal!very clever and cool effect!
Other Options
Não há muito mais que eu possa acrescentar aqui, exceto para dizer que o "título" da imagem pode ser ligado ou desligado. Repare nos dois exemplos acima, não há 'title' no Snow Leopard, mas não há na imagem do girafa. Outra opção que você tem é o tamanho da área de imagem 'zoom' no 'Zoom Outside'. Ele pode ser retângulo, quadrado, que pode ir de qualquer forma: de largura e fina, ou alta e estreita. Isso realmente depende de que está na página da web ao redor da imagem a ser ampliada!
Zoom Imagem [jQZoom] Para Blogger Blogs
Aqui está uma forma criativa e inovadora para mostrar imagens grandes em área limitada:
isso é jQZoom!
Objetivo deste hack:
Enquanto a imagem em miniatura menores é exibida em seu post, a imagem correspondente maior é mostrada dentro de uma janela flutuante somente quando o leitor passa a sua / seu cursor do mouse sobre a miniatura da imagem. Exibir a imagem de estilo dentro da janela flutuante é exatamente igual a de uma visão através de uma lente de aumento ou de uma visão microscópica.
Para se ter uma idéia clara do hack,
Confira a demonstração ao vivo ... (em um blog no Blogger).
DEMO e outra independente
Agora siga estas instruções para adicionar este hack para seu blog Blogger / BlogSpot:
Efetuar login no Blogger e vá para Layout -> Editar HTML
então, encontrar (CTRL + F) este código em seu modelo:
Largura e altura padrão de zoom janela é fixo como 275x275 pixels. Você pode alterar os valores, se quiser.
PASSO # 2
Salve o seu template.
Etapa # 3
Agora sempre que você quiser adicionar este efeito de imagem zoom às imagens, basta adicionar a classe "jQZoom" para o seu a href tag.
Assim, se este é o código de costume, você usar para exibir uma imagem em seu blog:
Agora, para implementar o hack, o novo código torna-se:
No DEMO, esta é a maior imagem usada enquanto esta é a unha do polegar.
NOTA 1: Para exibir as imagens com efeito Opacity Reverse (segunda imagem na DEMO), adicionar class = "jqzoom2" em vez de class = "jQZoom"
NOTA # 2 (IMPORTANTE): Para este hack, você deve ter dois tamanhos da mesma imagem. A imagem menor é exibido no blog, e quanto maior imagem é um hiperlink para a imagem menor (exibida na janela flutuante).
Você pode usar qualquer editor de imagem (MS-Paint/Adobe photoshop) para criar o menor miniatura da imagem (exibido lo no blog).
OBS:vc coloque a imagem pequena na imagem,coloque imagem grande no link usa a imagem do orkut
