Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Marcela Romero

Chamar função

Recommended Posts

Pessoal estou desenvolvendo um site onde estou com o seguinte problema....

Tenho um menu que de acordo com o item que clico o banner do site muda... pra isso foi feito a seguinte função

<script type="text/javascript">
		$(document).ready(function(){	
			$("#slider").easySlider({
				auto: true, 
				continuous: true
			});
			mostrarTexto();
		});	
		
		function esconderTexto()
        {
	       $('#container').hide();
		   $('#container2').show();
        }
  
         function mostrarTexto()
        {
	       $('#container').show();
		   $('#container2').hide();
        }
	
	</script>

 

 

nao estou conseguindo chama- la no link do menu

precisaria chama-la aqui dentro do href para que qdo clicar mude o banner da pagina especifica

 

<a href="index.php?link=inicio">

Compartilhar este post


Link para o post
Compartilhar em outros sites

bom eu faria um pouco diferente.

 

 

 
$(document).ready(function(){
    slyder();
});
function slyder(){
    $("#slider").easySlider({
        auto: true, 
        continuous: true
    });
    mostrarTexto();
}
function esconderTexto()
{
    $('#container').hide();
    $('#container2').show();
}
  
function mostrarTexto()
{
    $('#container').show();
    $('#container2').hide();
}

 

e no link chamaria em um onclick

 

 

<a href='#' onclick='slyder()'>Teste</a>
 

 

acredito que poderia dar certo. espero ao menos ter ajudado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

vou testar da forma que vc sugeriu e depois posto se deu certo

 

 

dessa forma nao deu certo, pois tenho o seguinte menu

 

<div id="home"><font class="cor"> <a href="index.php?link=inicio"> Home </a>  |</font>  </div>          <div id="secoes"> <font class="cor"><a href="index.php?link=secoes">Seções </a>   | </font></div>          <div id="mercados"><font class="cor"> <a href="index.php?link=mercados"> Mercados</a></font></div>          <div id="logo"> <a href="index.php?link=inicio"><img src="../images/coteja.png" /> </a></div> 		  <div id="ofertas"> <font class="cor"> <a href="index.php?link=ofertas"> Ofertas  </a>  |</font></div>   		  <div id="receitas"> <font class="cor"> <a href="index.php?link=receitas" > Receitas </a>  |</font></div>  		  <div id="contato"> <font class="cor">  <a href="index.php?link=contato"> Contato </a></font> </div>          

onde em cada link tenho

 

 

no link Receitas tenho que chamar a funcao esconderTexto() e no restante a funcao mostrarTexto(), pois somente no Receitas o banner muda

 

 

 

 

alguma outra sugestao ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

eu tenho um menu com 6 links, em 5 links o banner do topo do site é o mesmo e ao clicar no link Receitas o banner muda

entao foi feita um função para que dependendo do link do menu clicado um banner é ocultado e o outro fica visivel,

Compartilhar este post


Link para o post
Compartilhar em outros sites

dica:

 

Estrutura do menu

 

 

<ul id="menu">
<li><a href="link-normal" data-banner="../img/banner1.jpg">LINK 1</a></li>
<li><a href="link-normal" data-banner="../img/banner1.jpg">LINK 2</a></li>
<li><a href="link-normal" data-banner="../img/banner1.jpg">LINK 3</a></li>
<li><a href="link-normal" data-banner="../img/banner1.jpg">LINK 4</a></li>
<li><a href="link-normal" data-banner="../img/banner1.jpg">LINK 5</a></li>
<li><a href="link-normal" data-banner="../img/banner2.jpg">LINK 6</a></li>
</ul>

Jquery

 

 

$(document).ready(function(){

$('#menu li a').live('click', function(){

var img = $(this).attr('data-banner');
$('#header .banner').html("<img src='"+img+"'>");
});
});

Compartilhar este post


Link para o post
Compartilhar em outros sites

Marcela, o q Vinicius sugeriu... é estático.

 

A troca quem faz é a funcão jquery...

trocando o conteúdo da div #header que no caso deve ser prevista no seu layout.

Compartilhar este post


Link para o post
Compartilhar em outros sites

é um exemplo, eu nem olhei seu código.

 

só achei que faltou lógica.

 

falando diretamente ele vai fazer o que você quer, trocar o banner.

 

é uma coisa muito pequena para querer criar uma função tudo mais.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.