Comentários em: Lupa para Ampliar Imagens com jQuery http://www.webgrafismo.com/componentes/dicas/lupa-para-ampliar-imagens-com-jquery/ Os Melhores Recursos Open Source para Web Developers Tue, 07 Sep 2010 23:54:14 +0000 hourly 1 Por: Pereira da Costa http://www.webgrafismo.com/componentes/dicas/lupa-para-ampliar-imagens-com-jquery/#comment-275 Pereira da Costa Tue, 27 Jul 2010 22:43:58 +0000 http://www.webgrafismo.com/?p=1221#comment-275 Tenho um blogue sobre a historia das unidades militares com quem convivi na guerra na ex-Guine Portuguesa, hoje Guine-Bissau de 1968/1970. Tenho imagens de trajectos de operações em mapas militares, que ficam quando publicados imperceptíveis se não for à lupa. Lembrei da Lupa. 1.ª pergunta se funciona num blogue, serão várias as fotografias. 2.ª tentei instalar o programa mas o antivirus PANDA bloqueia o acesso. 3.ª não percebo nada de java mas se resultasse iria estudar através de si e dos tutoriais. 4.ª como começar e se será dificil. Contaria sua ajuda se estivesse interessado. Qual a sua opinião. Obrigado Pereira da Costa Lisboa, PORTUGAL Tenho um blogue sobre a historia das unidades militares com quem convivi na guerra na ex-Guine Portuguesa, hoje Guine-Bissau de 1968/1970.
Tenho imagens de trajectos de operações em mapas militares, que ficam quando publicados imperceptíveis se não for à lupa. Lembrei da Lupa.
1.ª pergunta se funciona num blogue, serão várias as fotografias.
2.ª tentei instalar o programa mas o antivirus PANDA bloqueia o acesso.
3.ª não percebo nada de java mas se resultasse iria estudar através de si e dos tutoriais.
4.ª como começar e se será dificil. Contaria sua ajuda se estivesse interessado.
Qual a sua opinião.
Obrigado
Pereira da Costa
Lisboa, PORTUGAL

]]> Por: Pedro Magalhães http://www.webgrafismo.com/componentes/dicas/lupa-para-ampliar-imagens-com-jquery/#comment-274 Pedro Magalhães Wed, 27 Jan 2010 23:13:56 +0000 http://www.webgrafismo.com/?p=1221#comment-274 Oi Gina! Obrigado pela palavras de conforto :) Que ajuda precisa mesmo? Cumprs. Oi Gina! Obrigado pela palavras de conforto :) Que ajuda precisa mesmo? Cumprs.

]]> Por: Gina Bastos http://www.webgrafismo.com/componentes/dicas/lupa-para-ampliar-imagens-com-jquery/#comment-273 Gina Bastos Tue, 26 Jan 2010 05:08:19 +0000 http://www.webgrafismo.com/?p=1221#comment-273 Oláaaaa Pedro! Primeiro quero te parabenizar pelo seu site e sua atenção com seus visitantes! Valeu à pena a quilometragem que andei na web prá te achar....rs rs rs Meu anjo, abrir um espaço de meu trabalho porém para mostrar detalhes de alguns trajes preciso de um codigo creio o java Script para HTML . Não sou muito boa em códigos javas mas creio que com sua preciosa ajuda eu consigo. Aguardo respostas.... Um abraçãooooo! Oláaaaa Pedro!

Primeiro quero te parabenizar pelo seu site e sua atenção com seus visitantes!
Valeu à pena a quilometragem que andei na web prá te achar….rs rs rs
Meu anjo, abrir um espaço de meu trabalho porém para mostrar detalhes de alguns trajes preciso de um codigo creio o java Script para HTML . Não sou muito boa em códigos javas mas creio que com sua preciosa ajuda eu consigo.
Aguardo respostas….

Um abraçãooooo!

]]> Por: Pedro Magalhães http://www.webgrafismo.com/componentes/dicas/lupa-para-ampliar-imagens-com-jquery/#comment-272 Pedro Magalhães Sat, 16 Jan 2010 16:23:55 +0000 http://www.webgrafismo.com/?p=1221#comment-272 Oi Nil :) Eu julgo que não consegues colocar grandes galerias de imagens nesse tipo de hospedagem, pois têm muitas limitações, e esta é apenas uma delas - não deixar inserir javascript. Recorde-se que o javascript é usado em quase todas as galerias de imagens. Provavelmente só conseguirás galerias deste género: http://www.webreference.com/programming/css_gallery/examples/gallery.htm Só usa HTML e CSS... Dispõe! Oi Nil :)

Eu julgo que não consegues colocar grandes galerias de imagens nesse tipo de hospedagem, pois têm muitas limitações, e esta é apenas uma delas – não deixar inserir javascript. Recorde-se que o javascript é usado em quase todas as galerias de imagens.

Provavelmente só conseguirás galerias deste género:

http://www.webreference.com/programming/css_gallery/examples/gallery.htm

Só usa HTML e CSS…

Dispõe!

]]> Por: Nil http://www.webgrafismo.com/componentes/dicas/lupa-para-ampliar-imagens-com-jquery/#comment-271 Nil Sat, 16 Jan 2010 16:01:25 +0000 http://www.webgrafismo.com/?p=1221#comment-271 Oi Acho que só vc pode me ajudar! tenho um hospedagem no yola e ela não aceita esses oplugns! Mas códigos tipo html aceita normalmente, eu trabalho com imagens e uma galeria me faz muita falta! Se poder me ajudar entra no meu site e veja o que podemos fazer! Ah aproveita e escolhe algo para vc! abç! Oi Acho que só vc pode me ajudar!
tenho um hospedagem no yola e ela não aceita esses oplugns! Mas códigos tipo html aceita normalmente, eu trabalho com imagens e uma galeria me faz muita falta!
Se poder me ajudar entra no meu site e veja o que podemos fazer! Ah aproveita e escolhe algo para vc! abç!

]]> Por: Patrícia http://www.webgrafismo.com/componentes/dicas/lupa-para-ampliar-imagens-com-jquery/#comment-270 Patrícia Thu, 07 Jan 2010 13:00:03 +0000 http://www.webgrafismo.com/?p=1221#comment-270 Oi Pedro, muito obrigada pela resposta imediata, mas ainda não consegui fazer, estou tentando, qualquer dúvida entro em contato, acho muito legal pessoas como vc, que compartilham seus conhecimentos. Veleu mesmo Oi Pedro, muito obrigada pela resposta imediata, mas ainda não consegui fazer, estou tentando, qualquer dúvida entro em contato, acho muito legal pessoas como vc, que compartilham seus conhecimentos.
Veleu mesmo

]]> Por: Pedro Magalhães http://www.webgrafismo.com/componentes/dicas/lupa-para-ampliar-imagens-com-jquery/#comment-269 Pedro Magalhães Tue, 05 Jan 2010 15:55:55 +0000 http://www.webgrafismo.com/?p=1221#comment-269 Oi Patrícia, o elemento âncora é um simples link. Para o exemplo é dado este: <pre lang="html"><a href="images/BIGIMAGE.JPG" class="MYCLASS" title="MYTITLE" rel="nofollow"> <img src="images/SMALLIMAGE.JPG" title="IMAGE TITLE" /> </a></pre> Isto é um link ou âncora: <pre lang="html"><a href="" class="" title="" rel="nofollow">Exemplo de link</a></pre> O <pre lang="html">href=""</pre> aponta para o URL que o utilizador vai entrar após clicar no link. A <pre lang="html">class=""</pre> é a classe que irá despoletar a função javascript que contem este tutorial. O <pre>title=""</pre> é o titulo do link, o qual é exibido quando o utilizador passa o rato sobre o link. Neste exemplo: <pre lang="html"><a href="images/BIGIMAGE.JPG" class="MYCLASS" title="MYTITLE" rel="nofollow"> <img src="images/SMALLIMAGE.JPG" title="IMAGE TITLE" /> </a></pre> Significa que o link aponta para uma imagem "BIGIMAGE.jpg", a classe do link é "MYCLASS" e o título "MYTITLE". A tag <pre lang="html"><img /></pre> indica onde está a imagem pequena em relação ao documento actual (src=""). Neste caso está dentro de uma pasta chamada "/images". Terá de colocar nesta pasta, a imagem pequena, e a imagem grande. Qualquer dúvida exponha. Oi Patrícia, o elemento âncora é um simples link.

Para o exemplo é dado este:

<a href="images/BIGIMAGE.JPG" class="MYCLASS"  title="MYTITLE" rel="nofollow">
<img src="images/SMALLIMAGE.JPG" title="IMAGE TITLE"  />
</a>

Isto é um link ou âncora:

<a href="" class="" title="" rel="nofollow">Exemplo de link</a>

O

href=""

aponta para o URL que o utilizador vai entrar após clicar no link.
A

class=""

é a classe que irá despoletar a função javascript que contem este tutorial. O 

title=""

é o titulo do link, o qual é exibido quando o utilizador passa o rato sobre o link.

Neste exemplo:

<a href="images/BIGIMAGE.JPG" class="MYCLASS"  title="MYTITLE" rel="nofollow">
<img src="images/SMALLIMAGE.JPG" title="IMAGE TITLE"  />
</a>

Significa que o link aponta para uma imagem “BIGIMAGE.jpg”, a classe do link é “MYCLASS” e o título “MYTITLE”.
A tag

<img />

indica onde está a imagem pequena em relação ao documento actual (src=”"). Neste caso está dentro de uma pasta chamada “/images”. Terá de colocar nesta pasta, a imagem pequena, e a imagem grande.

Qualquer dúvida exponha.

]]> Por: Patrícia http://www.webgrafismo.com/componentes/dicas/lupa-para-ampliar-imagens-com-jquery/#comment-268 Patrícia Tue, 05 Jan 2010 11:27:42 +0000 http://www.webgrafismo.com/?p=1221#comment-268 Bom Dia, adorei suas explicações, já baixei o pacote, fiz passo a passo conforme o site, mas ele não faz o efeito zoom ele criou tipo um link, que quando clico na image pequena ele abre a imagem grande, não entendo muito de java script, não sei o que seria o elemento âncora?????se vocêw puder m,e ajudar ficarei muito agradecida... Bom Dia, adorei suas explicações, já baixei o pacote, fiz passo a passo conforme o site, mas ele não faz o efeito zoom ele criou tipo um link, que quando clico na image pequena ele abre a imagem grande, não entendo muito de java script, não sei o que seria o elemento âncora?????se vocêw puder m,e ajudar ficarei muito agradecida…

]]> Por: Pedro Magalhães http://www.webgrafismo.com/componentes/dicas/lupa-para-ampliar-imagens-com-jquery/#comment-266 Pedro Magalhães Sat, 10 Oct 2009 01:08:19 +0000 http://www.webgrafismo.com/?p=1221#comment-266 Rodrigo, tens de encontrar a imagem/âncora no código HTML onde queres que apareça a lupa para ampliar e na âncora chamas a classe "myclass". A âncora aponta para a imagem grande, e tag "img" contem a pequena. Exemplo: <pre lang="css"> <a href="imagens/grande.jpg" class="myclass" title="Título da Imagem Grande" rel="nofollow"> <img src="imagens/pequena.jpg" title="Título da Imagem"/> </a> </pre> Rodrigo, tens de encontrar a imagem/âncora no código HTML onde queres que apareça a lupa para ampliar e na âncora chamas a classe “myclass”. A âncora aponta para a imagem grande, e tag “img” contem a pequena.

Exemplo:

<a href="imagens/grande.jpg" class="myclass"  title="Título da Imagem Grande" rel="nofollow">
<img src="imagens/pequena.jpg" title="Título da Imagem"/>
</a>
]]> Por: Pedro Magalhães http://www.webgrafismo.com/componentes/dicas/lupa-para-ampliar-imagens-com-jquery/#comment-267 Pedro Magalhães Thu, 08 Oct 2009 04:38:52 +0000 http://www.webgrafismo.com/?p=1221#comment-267 Ainda bem Rui! Abraço Ainda bem Rui! Abraço

]]>