Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Então galera...
Não consigo fazer o lightbox funcionar (utilizo o ColorBox)
O código é o seguinte:
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<link rel="stylesheet" type="text/css" href="css/colorbox.css" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery-1.6.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/NewsGoth_BT_400.font.js"></script>
<script type="text/javascript" src="js/NewsGoth_BT_700.font.js"></script>
<script type="text/javascript" src="js/jcarousellite.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/atooltip.jquery.js"></script>
<script type="text/javascript" src="js/jquery.colorbox.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script><!-- exibir imagem com lightbox -->
<script type="text/javascript">
$(document).ready(function(){
$("a[rel='expandir']").colorbox({transition:"elastic"});
});
</script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script><!-- abrir pagina sem recarregar tudo -->
<script type="text/javascript">
$(document).ready(function(){
$(".abrirpag a").live('click',function( e ){
e.preventDefault();
var href = $( this ).attr('href');
if( $( this ).attr('target')=='_blank')
window.open( href );
else{
$("#conteudo").load( href + "#conteudo");
}
});
});
</script>
<a href="urlimagem" class="link1" rel="expandir">imagem</a>Já li sobre o jQuery.noConflict, já tentei carregar o jquery antes do prototype
e não consegui fazer de forma alguma o colorbox funcionar...
Se eu tirar o arquivo jcarousellite.js ele funciona...
Mas preciso do carousel...
Alguém tem alguma solução???
tem uma galeria de fotos, mas não vou mais usar...
exclui esses dois:
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>Tinha esquecido de postar esse código:
<script>
$(document).ready(function(){});
Cufon.now();
})
</script>Se eu deixo o circular como está, o colorbox funciona.. mas se eu coloco true ele não funciona...
Outra coisa, ja li várias coisas do seu blog, inclusive na funcao abrirpag você que me ajudou...
Carrego todos os .js e .css no index.php
E entao no menu para abrir em ajax, carrego um arquivo normalmente...
Só que sem os <html><body> etc...
somente o conteúdo mesmo...
ele pega as características do css normalmente...
mas esses efeitos nas fontes nao são carregados...
Sabe alguma coisa?
Editado:
Consegui a parte das fontes, só chamei o arquivo cufon-replace.js novamente no outro arquivo...
Do lightbox eu vou deixar circular:false mesmo, funciona... Mas gostaria de saber porque isso acontece
pq você tá chamando o prototype ?
aparece algum erro no console ? Ctrl+Shift+J no Firefox