[Resolvido] Preciso colocar uma ação no onclick de uma âncora.

[ed_web_developer 0]

Preciso colocar uma efeito no onclick de uma âncora.

 

Ao clicá-la deve aparecer uma div que até então está oculta.

 

Exemplo no carrossel do seguinte site. (Clicar na foto de algum item do carrossel)

 

 

http://www.editoraclaraluz.com.br/site/

[Thiago Retondar 18]

O que você já fez? Não é muito difícil.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[ed_web_developer 0]

dê uma olhada no que eu fiz:

 

http://www.atmainterativa.com.br/vitrine/anaFlaviaVoleibol/

 

fiz o carrossel, e cada item tem uma âncora...

já fiz a div que deve aparecer tb...

porém ela não está aparecendo...

 

dê uma olhada no css:

 

.celulaCarrossel { display:block;}
.celulaCarrossel span { display: none;}
.celulaCarrossel:hover span { background:url(imagens/detalhes-bg.png); position:relative; color: #656565; display: block; width: 316px; height:158px; top:0; left:0; }

O que você já fez? Não é muito difícil.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

[ed_web_developer 0]

Consegui fazer o que queria, porém acho que não ficou da melhor maneira possível.

 

Gostaria de receber opiniões para que o mesmo fique da melhor maneira possível.

 

<style type="text/css">
#mycarousel01 { position:absolute; z-index:0;}
.celulaCarrossel { width:89px; height:119px; display:block;}
.detalhes { display: none; background:url(imagens/detalhes-bg.png) no-repeat; position:relative; z-index:2; color: #656565; width: 238px; height:119px; top:-145px; left:130px; padding:0 0 0 20px; }
</style>

<div id="carrosselAgenciados">
<ul id="mycarousel01" class="jcarousel-skin-tango">
<?php
for($i=1;$i<=21;$i++){
?>
	<li><a href="#" class="celulaCarrossel" onmouseover="javascript:document.getElementById('div<?=$i;?>').style.display='block';" onmouseout="javascript:document.getElementById('div<?=$i;?>').style.display='none';">Nome <?=$i;?></a></li>
<?php
}
?>
</ul>

<?php
$contador = 1;
for($i=1;$i<=21;$i++){
	
	if($contador>7) $contador=1;
	
	if($contador==2) $estilo = 'style="left:230px;"';
	elseif($contador==3) $estilo = 'style="left:330px;"';
	elseif($contador==4) $estilo = 'style="left:430px;"';
	elseif($contador==5) $estilo = 'style="left:530px;"';
	elseif($contador==6) $estilo = 'style="left:630px;"';
	elseif($contador==7) $estilo = 'style="left:730px;"';
	else {$estilo='';}
	
?>
	<div id="div<?=$i;?>" class="detalhes" <?=$estilo;?>>Nome <?=$i;?><br />29 anos<br />Atacante</div>
<?php
$contador++;
}
?>

</div>