[Resolvido] Jquery

[Videres 3]

Boa tarde Pessoas,

 

Estou criando um site com efeitos de zoom e encontrei uma biblioteca show de bola que s chama:

zoomooz.min.js 

 

Essa biblioteca possui os efeitos q tenho intesse, porém... Apareceu uma bronca para acabar com a minha alegria.

 

Gostaria de saber, s quando eu clico em um link que esta direcionado para uma div, se posso executar o efeito que contem nessa div?

 

Ex.:

<div id="content">

       <div class="zoomingDemo">
           <div id="content1" class="zoomTarget" data-targetsize="0.6">
           	Target

               /*-------**LINKS**------*/
               <a href="#content2">link2</a> 
               <a href="#content3">link3</a>

           </div>
           <div id="content2" class="zoomTarget" data-targetsize="0.6">
           	Target 2
           </div>
           <div id="content3" class="zoomTarget" data-targetsize="0.6">
           	Target 3
           </div>
           <div class="clearer"></div>
       </div>

</div>

 

Nas divs

content1, content2 e content3

, ao clicar nelas eu aumento o zoom normalmente... mas, como vocês podem ver a cima na div

content1

dentro dela, esta inserido 2 links como exibido abaixo:

 

<a href="#content2">link2</a> 
<a href="#content3">link3</a>

Chamando a DIV correspondente q se encontra no HREF, até funciona normalmente.. a bronca é.

 

Quando clico na div

content1

, caso eu clique nas outras divs após aumentado o zoom que seria

content2 e content3

, ele faz um efeito de transição até a outra div.

 

Ex.: Caso eu esteja em

content2 

e clicar em

content3

content2 

é arrastado para esquerda enquanto

content3

vem para o centro.

 

Sendo que eu gostaria de, quando clicar nos links (link2 e link3) inseridos em

content1

criar o mesmo efeito de quando eu clico na div lateral como explicado a cima ao inves disso com o codigo a cima ao clicar em algum dos links eu só consigo exibir direto a div sem o efeito de transição.

 

Se alguém puder me dar uma luz fico agradecido. Caso eu encontre uma resposta posto aqui. Abraço!

[Lucas Guima 164]

Pelo que eu entendi da sua explicação, você está tentando colocar uma ação de outro plugin no conteúdo onde um primeiro manipula.

 

Para isso, você deve testar e verificar se isso realmente é possível. Existe a possibilidade e um anular o efeito do outro.

[Videres 3]

Pelo que eu entendi da sua explicação, você está tentando colocar uma ação de outro plugin no conteúdo onde um primeiro manipula.

 

Para isso, você deve testar e verificar se isso realmente é possível. Existe a possibilidade e um anular o efeito do outro.

 

N n... Estou usando um único plugin, sendo que ao invés de clicar em cima da div para executar a ação, gostaria de clicar em um link qualquer e a ação ser executada do mesmo jeito, como s eu tivesse clicado em cima da div.

 

Eu chamo a danada atraves da tag:

<a href="#nomeDiv">link</a>

 

Ele chama mas n executa o efeito do plugin. =/

 

Mas por falta de conhecimento da minha parte, n sei se isso é possível?!

 

Vlws pela ajuda. abraço

 

Aew galera do mal... srsrs

 

Descobri como executar a animação com o script:

$(document).ready(function() {
   $('a').click(function(evt) {

$($(this).attr('href')).zoomTo({targetsize:0.6, duration:600});
       evt.stopPropagation();				
   });

});

 

Só com isso já consigo executar o efeito a única melda é que, quando clico direto na na div, ela fazer o efeito de transição indo em direção a DIV normalmente... mas quando clico no link, ao inves de fazer isso... ele executa o zoom novamente, efeito no qual ao clicar na div diretamente n faz.

 

Gostaria que o comportamento ao clicar no link fosse o mesmo de quando clico na div. :ermm:

 

Mas to quase la.. srsrrss abraço

[Videres 3]

RESOLVIDO!

 

A solução foi simples.

 

Ao invés desse código, onde pego os valores do href para direcionar para uma div:

$(document).ready(function() {
   $('a').click(function(evt) {
	var selector = $(this).attr("href").split('#')[1];
	selector = "#" + selector;

	$(selector).zoomTo({nativeanimation: false, targetsize:0, duration:600, animationendcallback: null});
	evt.stopPropagation();

   });

});

 

Resolvi pegar o valor da class dos links e direcionar no próprio código para as divs:

$(document).ready(function() {

$('a').click(function(evt) {
     var selector = $(this).attr("class");
     if(selector == "link1"){

        $("#content1").zoomTo();
	evt.stopPropagation();

     } else if(selector == "link2"){
	$("#content2").zoomTo();
	evt.stopPropagation();

     } else if(selector == "link3"){
	$("#content3").zoomTo();
	evt.stopPropagation();

     }



  });



});

 

FUNCIONOU... n sei s é a forma mais adequada.. srsrsr

Mas funfou no IE, Chrome, FireFox e Safari.. Opera n testei ainda.. srrssr

 

Vlws. Abraço