Erro com jquery perdendo os valores

dinfoweb · Janeiro 10, 2012

ola a todos estou com um siguite problema eu crei uma galeria de foto q contem pequenas fotos ai na hora q clika nela abre outras fotos pequenas assim quando clika nas pequenas abre ela grande mais ele esta pededo o valor so tem na hora q carrega a pagina depois q você clika em outra foto pqeuena para ver ai nao vai.

esta pagina tem script para carrega a pagina sem refrhes e contem o script do efeito de zoom

 <script src="livraria/jqzoom/jquery-1.6.js" type="text/javascript"></script>
<script src="livraria/jqzoom/jquery.jqzoom-core.js" type="text/javascript"></script>
   <link rel="stylesheet" href="livraria/jqzoom/jquery.jqzoom.css" type="text/css" />
   <script type="text/javascript">
var $b = jQuery.noConflict();
$b(document).ready(function() { $b('.jqzoom').jqzoom({ zoomType: 'standard', lens:true,
   preloadImages: false, alwaysOn:false  }); });
   </script>

   <script type="text/javascript">
var $a = jQuery.noConflict();
	$a(document).ready(function() {

	$a("#mostra").load("pato.php");
	$a("a[name=link]").live("click", function(e) {
		if (e.which == 2 || e.which == 3){
   		return false;
		}else{
   		//COLOCAR EM UMA VARIAVEL
  			 var href = $a(this).attr("href");

   		//PEGA O LINK E CHAMA O ARQUIVO DENTRO NA DIV CONTEUDO
   		$a("#mostra").load(href);
		}
	//Prevent default serve PARA BLOQUEAR A AO DO LINK
  		e.preventDefault();
   	});


});
</script>

outra pagina na ontem contem os valores das outras fotos pequenas e o zoom que foi chamando pela a pagina anterior

<a href='javascript:void(0);' 
           rel="{gallery: 'gal1', smallimage: 'midias/produtos/medio/coelho.png',largeimage: 'midias/produtos/grande/coelho.png'}">
     <img src="midias/produtos/pequeno/coelho.png" alt="Meu Soninho - Pato" width="60" height="79" title="Coelho" /></a>

     <a href='javascript:void(0);' 
           rel="{gallery: 'gal1', smallimage: 'midias/produtos/medio/coelho-1.png',largeimage: 'midias/produtos/grande/coelho-2.png'}">
     <img src="midias/produtos/pequeno/coelho-1.png" alt="Meu Soninho - Pato" width="60" height="79" title="Coelho" /></a>

      <a href='javascript:void(0);' 
           rel="{gallery: 'gal1', smallimage: 'midias/produtos/medio/coelho-2.png',largeimage: 'midias/produtos/grande/coelho-3.png'}">
     <img src="midias/produtos/pequeno/coelho-2.png" alt="Meu Soninho - Pato" width="60" height="79" title="Coelho" /></a>

      <a href='javascript:void(0);' 
           rel="{gallery: 'gal1', smallimage: 'midias/produtos/medio/coelho-3.png',largeimage: 'midias/produtos/grande/coelho-1.png'}">
     <img src="midias/produtos/pequeno/coelho-3.png" alt="Meu Soninho - Pato" width="60" height="79" title="Coelho" /></a>

      <a href='javascript:void(0);' 
           rel="{gallery: 'gal1', smallimage: 'midias/produtos/medio/coelho-4.png',largeimage: 'midias/produtos/grande/coelho-4.png'}">
     <img src="midias/produtos/pequeno/coelho-4.png" alt="Meu Soninho - Pato" width="60" height="79" title="Coelho" /></a>

e assim nas outras paginas so mudar as fotos

William Bruno · Janeiro 10, 2012

mais ele esta pededo o valor

oq significa isso ?

depois q você clika em outra foto pqeuena para ver ai nao vai.

oq significa "não vai" ?

Acho que o seguinte resolve o seu problema:

http://wbruno.com.br/blog/2011/08/22/usando-lightbox-em-pagina-carregada-ajax/

dinfoweb · Janeiro 10, 2012

e assim deixa eu explica melhor eu tenho uma galeria de foto q exibir fotos pequenas ai quando eu clico nela abre outras fotos pequenas depois de abertas você clika nelas e abre uma media ai passado o mause na media cria aquele efeito de zoom, ate ai tudo bem so q eu escolho outra foto do primeiro menu ai ele abre normal as outras fotos perquenas mais quando eu cliko nelas para abri as medias elas nao abre muito menos ela abre o zoom

Eu quero uma galeria de foto q quando você clika numa foto ela abre outras fotos entende

eu quero uma galeria de foto q uma foto pequena abre outras pequenas da mesma categoria tipo carro vermelho e carro azul ai cliko no vermelho so mostra carro vermelho ai fecho e cliko no azul so mostra carro azul

o efeito nao esta fucionado depois q cliko em outra imagem pequena do primeiro menu

William Bruno · Janeiro 10, 2012

troque:

 $a("#mostra").load(href);

por:

 $a("#mostra").load(href, function(){
   $b('.jqzoom').jqzoom({ zoomType: 'standard', lens:true,
   preloadImages: false, alwaysOn:false  });
});

porém convém ressalatar q você não deveria usar noConflict().

dinfoweb · Janeiro 10, 2012

oq eu poderia coloca no lugar entao

pagina inteira

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<!-- Conjunto de Meta Tags -->
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="title" content="Sonho de Luz - Meu Soninho, um Companheiro pra Brincar e Dormir" />
<meta name="url" content="http://www.meusoninho.com.br/" />
<meta name="description" content="Sonho de Luz - Meu Soninho, um Companheiro pra Brincar e Dormir" />
<meta name="keywords" content="meu soninho sonho de luz brinquedos educativos criança bebê" />
<meta name="charset" content="ISO-8859-1" />
<meta name="autor" content="Target Publicidade" />
<meta name="company" content="Sonho de Luz" />
<meta name="revisit-after" content="15" />
<link rev="made" href="mailto:web@meusoninho.com.br" />
<meta http-equiv="expires" content="Never" />
<meta http-equiv="content-language" content="pt-BR" />
<meta http-equiv="vw96.object type" content="Index" />
<meta name="revisit-after" content="1 days" />
<meta name="owner" content="web@meusoninho.com.br" />

<!-- Título da Página -->
<title>Meu Soninho - O Produto</title>

<!-- Link da Folha de Estilos -->
<link href="estilo.css" rel="stylesheet" type="text/css" />

<!-- Link do Fav Icon -->
<link rel="icon" href="midias/favicon.png" type="image/x-icon" />

   <!-- Acompanhamento Google Analytics -->
<script type="text/javascript"> 
var _gaq = _gaq || [];  _gaq.push(['_setAccount', 'UA-23604913-1']);  _gaq.push(['_trackPageview']);
(function() {    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);  })(); </script>

   <!-- jqZoom -->
   <script src="livraria/jqzoom/jquery-1.6.js" type="text/javascript"></script>
<script src="livraria/jqzoom/jquery.jqzoom-core.js" type="text/javascript"></script>
   <link rel="stylesheet" href="livraria/jqzoom/jquery.jqzoom.css" type="text/css" />


   <script type="text/javascript">
var $a = jQuery.noConflict();
	$a(document).ready(function() {

	$a("#mostra").load("pato.php");
	$a("a[name=link]").live("click", function(e) {
		if (e.which == 2 || e.which == 3){
   		return false;
		}else{
   		//COLOCAR EM UMA VARIAVEL
  			 var href = $a(this).attr("href");

   		//PEGA O LINK E CHAMA O ARQUIVO DENTRO NA DIV CONTEUDO
   		 $a("#mostra").load(href, function(){
   $a('.jqzoom').jqzoom({ zoomType: 'standard', lens:true,
   preloadImages: false, alwaysOn:false  });
});
		}
	//Prevent default serve PARA BLOQUEAR A AO DO LINK
  		e.preventDefault();
   	});


});
</script>
</head>

<body>

<div id="cabecario">
<div id="topo"><img src="midias/Logo.png" alt="Sonho de Luz - Meu Soninho" width="150" height="154" />    
	 <div id="menu-duvidas">

  		 <a href="duvidas"><img src="midias/nuvem1.png" alt="Dúvidas" width="130" height="53" class="imagens" /></a>    
        </div>


<div id="menu">
	<a href="home.php"><img src="midias/botao-home.png" width="116" height="35" class="imagens" alt="Meu Soninho - Home" title="Meu Soninho - Home" /></a>
       <a href="empresa.php"><img src="midias/botao-empresa.png" width="107" height="35" class="imagens" alt="Meu Soninho - Empresa" title="Meu Soninho - Empresa" /></a>
       <a href="produto.php"><img src="midias/botao-produto.png" width="109" height="35" class="imagens" alt="Meu Soninho - Produto" title="Meu Soninho - Produto" /></a>
       <a href="lojista.php"><img src="midias/botao-lojista.png" width="109" height="35" class="imagens" alt="Meu Soninho - Lojista" title="Meu Soninho - Lojista" /></a>
       <a href="contato.php"><img src="midias/botao-contato.png" width="115" height="35" class="imagens" alt="Meu Soninho - Contato" title="Meu Soninho - Contato" /></a>
</div>
</div>


</div>

<div id="barra_menu">
<div id="fecha_menu">    
   	<div id="menu_esquerda"></div>       
	<div style="float:right;">
       		<div id="menu_meio">

               <img src="midias/estrelinha.png" class="imagens" alt="Meu Soninho" />
               Um Companheiro para Brincar e Dormir.
               <img src="midias/estrelinha.png" class="imagens" alt="Meu Soninho" />

               </div>
       		<div id="menu_direita">	                
                   <a href="http://www.twitter.com/meusoninho" target="_blank" >
               	<img src="midias/icon-twitter.png" class="imagens" alt="Twitter Meu Soninho" /></a>

                   <a href="http://www.facebook.com/pages/Meu-Soninho/206578816044295" target="_blank" >
               	<img src="midias/icon-facebook.png" class="imagens" alt="Facebook Meu Soninho" /></a>

                   <a href="http://www.twitter.com/meusoninho" target="_blank" >
               	<img src="midias/icon-orkut.png" class="imagens" alt="Twitter Meu Soninho" /></a>

                   <a href="http://www.twitter.com/meusoninho" target="_blank" >
               	<img src="midias/icon-wordpress.png" class="imagens" alt="Twitter Meu Soninho" /></a>
</div></div></div></div>


<div id="quadro">

<div id="produto">
<div id="informacoes">
   	<div id="miniaturas">

       <ul id="fotos_bichos" class="clearfix">

           <li>            
<a href="pato.php" name="link">
     <img src="midias/produtos/pequeno/pato.png" alt="Meu Soninho - Pato" width="60" height="79" title="Pato" /></a></li>


           <li>

   <img src="midias/produtos/pequeno/leao.png" alt="Meu Soninho - Leão" width="60" height="79" title="Leão" /></li>

           <li>

     <img src="midias/produtos/pequeno/girafa.png" alt="Meu Soninho - Girafa" width="60" height="79" title="Girafa" /></li>

           <li>

           <img src="midias/produtos/pequeno/elefante.png" alt="Meu Soninho - Elefante" width="60" height="79" title="Elefante" /></li>



           <li>
           <a href="coelho.php" name="link">
           <img src="midias/produtos/pequeno/coelho.png" alt="Meu Soninho - Coelho" width="60" height="79" title="Coelho" /></a></li>

       </ul><br /><br />

            <div id="mostra"></div>
       </div>


   <div id="preco">
       <div id="fotos_maiores">

       <a href="midias/produtos/grande/pato-5.png" class="jqzoom" rel='gal1'  title="Meu Soninho" >
       <img src="midias/produtos/medio/pato-5.png" alt="Meu Soninho" /></a>



       </div>

   </div>

   </div>

<div id="descricao">
<div id="titulo_soninho">Meu Soninho</div>
<div id="texto_produto">
 <div>
   <p>Produto Importado<br />
Patenteado por Sonho de Luz<br />
<strong>Idade</strong>: De 0 à 5 anos<br />
<strong>Peso</strong>:  120 grs<br />
<strong>Tamanho</strong>: 0.45x0.45  </p>
 </div>
</div>
</div></div>

</div></div>

<div id="rodape">
<h5>

Meu Soninho © 2011. Todos os direitos reservados.<br /></h5>
<div id="by">
<a href="http://www.targetvisual.com.br" target="_blank">Criado por:<br /><img src="midias/target.png" alt="Criado por Target Visual" width="55" height="16" vspace="5" align="middle" class="imagens" /></a></div>


</div>
</body>
</html>

agora pagina pato

<a href='javascript:void(0);' 
           rel="{gallery: 'gal1', smallimage: 'midias/produtos/medio/pato-5.png',largeimage: 'midias/produtos/grande/pato-5.png'}">
     <img src="midias/produtos/pequeno/pato-5.jpg" alt="Meu Soninho - Pato" width="60" height="79" title="Pato" /></a>

     <a href='javascript:void(0);' 
           rel="{gallery: 'gal1', smallimage: 'midias/produtos/medio/pato-1.png',largeimage: 'midias/produtos/grande/pato-1.png'}">
     <img src="midias/produtos/pequeno/pato-1.png" alt="Meu Soninho - Pato" width="60" height="79" title="Pato" /></a>

      <a href='javascript:void(0);' 
           rel="{gallery: 'gal1', smallimage: 'midias/produtos/medio/pato-2.png',largeimage: 'midias/produtos/grande/pato-2.png'}">
     <img src="midias/produtos/pequeno/pato-2.jpg" alt="Meu Soninho - Pato" width="60" height="79" title="Pato" /></a>

      <a href='javascript:void(0);' 
           rel="{gallery: 'gal1', smallimage: 'midias/produtos/medio/pato-3.png',largeimage: 'midias/produtos/grande/pato-3.png'}">
     <img src="midias/produtos/pequeno/pato-3.jpg" alt="Meu Soninho - Pato" width="60" height="79" title="Pato" /></a>

      <a href='javascript:void(0);' 
           rel="{gallery: 'gal1', smallimage: 'midias/produtos/medio/pato-4.png',largeimage: 'midias/produtos/grande/pato-4.png'}">
     <img src="midias/produtos/pequeno/pato-4.jpg" alt="Meu Soninho - Pato" width="60" height="79" title="Pato" /></a><br />

pagina coelho

<a href='javascript:void(0);' 
           rel="{gallery: 'gal1', smallimage: 'midias/produtos/medio/coelho.png',largeimage: 'midias/produtos/grande/coelho.png'}">
     <img src="midias/produtos/pequeno/coelho.png" alt="Meu Soninho - Pato" width="60" height="79" title="Coelho" /></a>

     <a href='javascript:void(0);' 
           rel="{gallery: 'gal1', smallimage: 'midias/produtos/medio/coelho-1.png',largeimage: 'midias/produtos/grande/coelho-2.png'}">
     <img src="midias/produtos/pequeno/coelho-1.png" alt="Meu Soninho - Pato" width="60" height="79" title="Coelho" /></a>

      <a href='javascript:void(0);' 
           rel="{gallery: 'gal1', smallimage: 'midias/produtos/medio/coelho-2.png',largeimage: 'midias/produtos/grande/coelho-3.png'}">
     <img src="midias/produtos/pequeno/coelho-2.png" alt="Meu Soninho - Pato" width="60" height="79" title="Coelho" /></a>

      <a href='javascript:void(0);' 
           rel="{gallery: 'gal1', smallimage: 'midias/produtos/medio/coelho-3.png',largeimage: 'midias/produtos/grande/coelho-1.png'}">
     <img src="midias/produtos/pequeno/coelho-3.png" alt="Meu Soninho - Pato" width="60" height="79" title="Coelho" /></a>

      <a href='javascript:void(0);' 
           rel="{gallery: 'gal1', smallimage: 'midias/produtos/medio/coelho-4.png',largeimage: 'midias/produtos/grande/coelho-4.png'}">
     <img src="midias/produtos/pequeno/coelho-4.png" alt="Meu Soninho - Pato" width="60" height="79" title="Coelho" /></a>

William Bruno · Janeiro 10, 2012

nada, não coloque nada no lugar do onConflict();

apenas não use, e não importe a lib jQuery mais de uma vez.

o noConflict() existe para quando você tiver q usar mais de uma lib, como jQuery + motootols, e não a mesma no seu caso jQuery + jQuery.

dinfoweb · Janeiro 10, 2012

ainda nao consegui resolve o problema você tem um e-mail na onde eu possa manda o script com as fotos junto

Eu nao sei quase nada de jquery nao deria como você aruma pra mim este script esta valedo meu trampo ja estou nesse site vai fazer 7 dias e meu patrao ja esta queredo me manda enbora por causa disso e so para mudar algumas coisas so que travei ai nessa parte

ALguem ai pra ajunda por favor

Entrar

Arquivado

Erro com jquery perdendo os valores

Recommended Posts

dinfoweb 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

dinfoweb 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

dinfoweb 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

dinfoweb 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Estou criando uma calculadora de m2 e litros de tinta

Cruzamento de Bases

Consulta sem duplicação

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante