Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 392
Sexo: Masculino
Localização: VOLTA REDONDA RJ
Contato:

Não funciona o carousel jquery

08-05-2013 11:01

Estou tentando fazer o caroulsel funcionar dentro de uma página onde os bacgrouds ja trocam automaticamente.

<script type="text/javascript"> jQuery('#background_cycler').hide();//comment </script> <img class="active" src="img/04.jpg" alt=""/> <img src="img/05.jpg" alt="" /> <img src="img/06.jpg" alt="" /><img src="img/07.jpg" alt="" /> </div> <script type="text/javascript" src="js/crossfade_images2.js"></script> ///////////// aqui vem o carousel /////// <div id="wrap"> <ul id="mycarousel" class="jcarousel-skin-ie7"> <!-- The content will be dynamically loaded in here --> </ul>

Segue o cod java
// background circle function cycleImages(){ var $active = jQuery('#background_cycler .active'); var $next = (jQuery('#background_cycler .active').next().length > 0) ? jQuery('#background_cycler .active').next() : jQuery('#background_cycler img:first'); $next.css('z-index',2);//move the next image up the pile $active.fadeOut(1500,function(){//fade out the top image $active.css('z-index',1).show().removeClass('active');//reset the z-index and unhide the image $next.css('z-index',3).addClass('active');//make the next image the top one }); } jQuery(window).load(function(){ jQuery('#background_cycler').fadeIn(1500); // run every 7s setInterval('cycleImages()', 7000); }); // fim do background circle // inicio do carousel com tickbox // Set thickbox loading image tb_pathToImage = "img/loadingAnimation.gif"; var mycarousel_itemList = [ {url: "../img/n01_s.jpg", title: "A"}, {url: "../img/n02_s.jpg", title: "A"}, {url: "../img/n03_s.jpg", title: "A"}, {url: "../img/n04_s.jpg", title: "A"}, {url: "../img/n05_s.jpg", title: "A"}, {url: "../img/n06_s.jpg", title: "A"}, {url: "../img/n07_s.jpg", title: "A"}, {url: "../img/n08_s.jpg", title: "A"}, {url: "../img/n09_s.jpg", title: "A"}, {url: "../img/n10_s.jpg", title: "A"}, {url: "../img/n11_s.jpg", title: "A"}, {url: "../img/n12_s.jpg", title: "A"}, {url: "../img/n13_s.jpg", title: "A"}, {url: "../img/n14_s.jpg", title: "A"}, {url: "../img/n15_s.jpg", title: "A"}, ]; function mycarousel_itemLoadCallback(carousel, state) { for (var i = carousel.first; i <= carousel.last; i++) { if (carousel.has(i)) { continue; } if (i > mycarousel_itemList.length) { break; } // Create an object from HTML var item = jQuery(mycarousel_getItemHTML(mycarousel_itemList[i-1])).get(0); // Apply thickbox tb_init(item); carousel.add(i, item); } }; // Item html creation helper. function mycarousel_getItemHTML(item) { var url_m = item.url.replace(/_s.jpg/g, '_m.jpg'); return '<a href="' + url_m + '" title="' + item.title + '"><img src="' + item.url + '" width="75" height="56" border="0" alt="' + item.title + '" /></a>'; }; jQuery(document).ready(function() { jQuery('#mycarousel').jcarousel({ size: mycarousel_itemList.length, itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback} }); }); // fim do carousel com tickbox

A função carousel não funciona
As imagens não aparecem
Não é habilitado os links das imagens e botões do carousel

Ainda não consegui ver o pq ?
0
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 392
Sexo: Masculino
Localização: VOLTA REDONDA RJ
Contato:

Não funciona o carousel jquery

08-05-2013 12:30

Havia um erro no meu css , esta quase normal ..... carousel 100%
Agora esta parado na barra loading do tickbox ... não abre a imagem ... fica loading ..
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17562
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Não funciona o carousel jquery

08-05-2013 12:38

Verifica se não é o caminho

{url: "../img/n01_s.jpg", title: "A"},

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 392
Sexo: Masculino
Localização: VOLTA REDONDA RJ
Contato:

Não funciona o carousel jquery

08-05-2013 13:36

se eu colocar ../ nem a imagem menor aparece ..... tem um erro , pois até no site onde peguei o plugin esta com o mesmo problema ....

http://sorgalla.com/jcarousel/

http://sorgalla.com/projects/jcarousel/ ... ckbox.html

ja no site thickebox, diz que o mesmo foi descontinuado, recomendando a o uso de outras bibliotecas , vou ver aqui qual que fica melhor e retorno.
0
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 392
Sexo: Masculino
Localização: VOLTA REDONDA RJ
Contato:

Não funciona o carousel jquery

08-05-2013 15:14

consegui através deste ....

http://caroufredsel.dev7studios.com/examples/carousel-lightbox-tooltip.php#!prettyPhoto[caroufredsel]/11/
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17562
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Não funciona o carousel jquery

08-05-2013 15:39

:)
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado