quarta-feira
THICKBOX TRANSPARENTE
-abra o arquivo thickbox.js
procure por iframe o coloque o parâmetro (allowtransparency='true')
Exemplo:
<iframe name="iframe" src="page.html" width="100%" height="300" allowtransparency="true"
sexta-feira
IMPLEMENTANDO JCAROUSEL
************************incluir os arquivos básicos do plugin:
<link href="css/jquery.jcarousel.css" rel="stylesheet" type="text/css">
<script language="JavaScript" src="js/plugins/jquery.jcarousel.js" type="text/JavaScript"></script>
************************no site.js colocar o seguinte:
// Chama galeria torneio
$("#galeria-noticia ul").jcarousel({
scroll: 1
});
***********************no html da página colocar o seguinte:
<div id="galeria-noticia" class="jcarousel-container">
<div class="jcarousel-clip">
<ul>
<li><img src="img/img-teste.jpg" /></li>
<li><img src="img/img-teste2.jpg" /></li>
</ul>
</div>
<div class="jcarousel-prev jcarousel-prev replace" title="Anterior"></div>
<div class="jcarousel-next jcarousel-next replace" title="Próxima"></div>
</div>
***************************no projetos.css colocar o seguinte:
#galeria-noticia{ width:508px; padding:30px 0 0;}
#galeria-noticia div.jcarousel-clip{
width:400px;
margin:0 0 0 50px;
}
#galeria-noticia div ul li{
width:auto;
margin:0 AUTO;
}
#galeria-noticia .jcarousel-clip{
overflow:hidden;
width:400px;
margin:0 auto;
}
#galeria-noticia .jcarousel-prev{
background:url(../img/bt-voltar-carrosel.gif);
width:12px; height:18px;
position:absolute;
cursor:pointer;
left:0; top:150px;
}
#galeria-noticia .jcarousel-next{
background:url(../img/bt-avancar-carrosel.gif);
width:12px; height:18px;
position:absolute;
cursor:pointer;
right:0; top:150px;
}
#galeria-noticia .jcarousel-prev-disabled,
#galeria-noticia .jcarousel-next-disabled{visibility:hidden;}