quarta-feira

THICKBOX TRANSPARENTE

Para fazermos um thickbox transparente(com cantos arredondados por exeplo) no IE o background fica branco. para corrigir esse problema, temos que fazer o seguinte:

-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&oacute;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;}