Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde pessoal.
Estou com um grande problema em meu site, pois estou utilizando o Jquery corner (para arredondar bordas) e o Jquery Cycle (para fazer um slideshow básico)... No Chrome e Firefoz eles funcionam normalmente, o problema é quando vou visualizar no IE (7 e 8), pois as bordas arredondadas estão funcionando normalmente, mas o Jquery Cycle não funciona de modo algo. Eu acho que deve estar ocorrendo algum coflito no código deles, mas nao tenho a menor ideia de como resolver...
Alguem sabe como poderia arrumar isso?
Meu código Js:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/cycle.js"></script>
<script type="text/javascript" src="js/corner.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#head").corner("right 8px cc:#573060");
$(".inp").corner("keep cc:#F1ECF1");
$('#fotos_dj').cycle({
fx: 'fade',
speed: 2500
});
});
</script>Obrigado pela atenção
Sim, tenho outras libs, como exemplo a da fancybox...
Também testei separadamente cada um e funcionaram normalmente, mas quando juntos apenas no IE não vai. :/
então é isso, leia o link que passei e utilize o noConflict que é justamente para arrumar estes problemas de incompatibilidade entre libs.
Nao funcionou, quando eu o coloco o .noConflict para de funcionar tudo...
abra o site copie o codigo fonte e cole aqui para eu analisar melhor isso, talvez colocando os scripts jquery em primeiro e depois as outras libs da um jeito nisso, o segredo seria testar uma por uma e assim descobrir qual delas é a problemática.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Title</title>
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/corner.js"></script>
<script type="text/javascript" src="js/cycle.js"></script>
<script type="text/jscript">
$(document).ready(function() {
$("#head").corner("right 8px cc:#573060");
$(".inp").corner("keep cc:#F1ECF1");
$('#fotos').cycle({
fx: 'fade',
speed: 2500
});
});
</script>
</head>
<body>
<div id="head">
<div id="logo"></div><!-- Fim #LOGO -->
<div id="menu">
<ul id="men">
<li><a href="index.htm"><font size="3" face="ArchiveRegular">Home</font></a></li>
<li><a href="sobre.htm"><font size="3" face="ArchiveRegular">Sobre</font></a></li>
<li><a href="agenda.htm"><font size="3" face="ArchiveRegular">Agenda</font></a></li>
<li><a href="fotos.htm"><font size="3" face="ArchiveRegular">Foto dos shows</font></a></li>
<li><a href="set.htm"><font size="3" face="ArchiveRegular">Meu SET</font></a></li>
<li><a href="contato.htm"><font size="3" face="ArchiveRegular">Entre em contato</font></a></li>
</ul><!-- Fim UL -->
</div><!-- Fim #MENU -->
</div><!-- Fim #HEAD -->
<div id="fotos">
<img src="images/dj.png" width="292" height="337" alt="Foto Dj Celsinho" />
<img src="images/dj2.png" width="292" height="337" alt="Foto Dj Celsinho" />
</div>Parece esta tudo normal, pensei que tivesse outras libs como mooltoos, extjs.
Mais é tudo em jquery, poderia ser problema no css, mais você disse que testou em separado e que funciona.
O conflito pode existir, mais so testando mesmo, tem como me mandar o css e os javascript ai, dai eu testo aqui e vejo se consigo achar aonde esta o problema.
Se quiser me manda por email.
Acabei de lhe enviar nas mensagens do Imaster ;)
cara testei aqui pelo ie8 e o cicle esta funcionando sim :unsure: da mesma forma que rodou no chrome
tente apagar o cache no ie e teste
Acabei de excluir, mas manteve com o erro :upset:
veja ai http://www.youtube.com/watch?v=9wjWuhX9Ccw
:upset:
será que nao é nada relacionado as minhas imagens serem em .png?
as minhas tb são :D eu so mudei para 1.png e 2.png
você esta testando em localhost???
em localhost nao, mas estou testando no meu proprio computador(localmente)..
Do tipo:
file:///C:/Users/Windows%207/Desktop/teste.html
teste localmente, o ie certamente esta bloqueando o script, se testar localmente por um servidor local ou pela web, possivelmente ele vai funfar.
faça o teste ai
http://adresende.com.br/teste/
coloquei online, tente rodar no ie e veja que vai funcionar.
Que droga :/
Mesmo assim não funciona
:/ cara tem certeza que so ta rodando aquele scripts??? tem mais nenhum não? não tem sentido :/
Minha pasta de JS é esta:
/applications/core/interface/imageproxy/imageproxy.php?img=http://i47.tinypic.com/2i56cp.jpg&key=f701f1a85894bbcba10bfcb3382d98e2a8feb1d483f241e09d7e624ce38f2d99" alt="2i56cp.jpg" />
Como arquivo "pai" só tenho o jquery.js mesmo
essa eysetabs é um plugin em jquery??? se puder poste aqui.
Sim é um plugin...
Pensando melhor aqui, se você testou pelo meu link que te passei o erro esta lá, e lá não tem nenhum dos outros plugins, inclusive este que te perguntei :/
O engraçado é que esta pegando no meu ie e não ta pegando no seu, não sei mais oque sugerir.
:unsure:
Sem problemas, vou tentar fazer outros testes para ver se funciona...
De qualquer forma, muito obrigado mesmo
existe outra lib que não seja o jquery no seu code??? pois as vezes pode gerar um conflito e o uso do $.noConflict(); resolve o problema.
Uma pergunta... já testu estes scripts em separado??? assim você saberá se realmente é um conflito entre os scripts ou é alguma tag que o ieca não aceita.
Faça o teste em separado, que assim poderemos ter a certeza de onde literalmente esta partindo o erro.