Amigos me ajudem por favor! 
Estou fazendo uma funcionalidade com aqueles slides show em forma de carrossel, com JQuery…só nao funciona no Google Chrome!
Testei no IE, FireFox, Opera…e todos funcionaram corretamente!Até no browser interno do Eclipse funciona direitinho…Geralmente é no IE que as coisas nao funcionam :lol:, mas esse Chrome ainda tem uma porrada de bugs…
Tentei tirar o rich:jquery e usar o proprio Jquery diretamente importando o arquivo js, e tambem apenas no Chrome nao funcionou!
Vou mostrar isso pro cliente na quarta feira…e o cara testa em todos os browsers possiveis e existentes!Meu projeto vai rodar se essa porcaria nao funcionar…
Segue o codigo:
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich">
<ui:composition>
<a4j:loadScript src="js/jquery.jcarousel.pack.js"></a4j:loadScript>
<link rel="stylesheet" type="text/css" href="css/carousel/jquery.jcarousel.css" />
<link rel="stylesheet" type="text/css" href="css/carousel/skins/easy/skin.css" />
<ul id="carousel" class="jcarousel-skin-easy">
<li><h:graphicImage width="150px" value="images/LogoEasy.jpg" /></li>
<li><h:graphicImage width="150px" value="images/LogoEasy.jpg" /></li>
</ul>
<rich:jQuery query="jcarousel()" selector="#carousel" timing="onload"></rich:jQuery>
</ui:composition>
</html>
Esse é o codigo gerado no browser…apenas no Chrome nao funciona!
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="/EasyMotors/a4j/g/3_3_1.GAorg/richfaces/renderkit/html/scripts/jquery/jquery.js.html" type="text/javascript"></script>
<script src="js/jquery.jcarousel.pack.js" type="text/javascript"></script>
</head>
<link rel="stylesheet" type="text/css" href="css/carousel/jquery.jcarousel.css" />
<link rel="stylesheet" type="text/css" href="css/carousel/skins/easy/skin.css" />
<ul id="carousel" class="jcarousel-skin-easy">
<li><img src="images/LogoEasy.jpg" alt="" width="150px" /></li>
<li><img src="images/LogoEasy.jpg" alt="" width="150px" /></li>
</ul>
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function() {
var selector = "#carousel";
try {
selector = eval("#carousel");
} catch (e) {}
jQuery(selector).jcarousel();
});
//]]>
</script>
</html>
Alguma alma caridosa, me ajude, please!!
Obrigado amigos!!
