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


Moderador: web

 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 21
Sexo: Masculino

Vários jcarrousel na mesma pagina.

05-02-2013 01:49

Olá, gostaria de como conseguir usar mais de 1 jcarrousel na msm pagina, entorno de uns 5 talvez

o codigo do carrosel basico é

script> var $carrousel = jQuery.noConflict(); $carrousel(function() { $carrousel(".anyClass").jCarouselLite({ btnNext: ".next", btnPrev: ".prev", visible: 4 }); }); </script>

obs. estou usando um no conflite nesse,
se eu coloco mais de um carrosel nao funciona, e preciso de varioos,


obrigado xD
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17670
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Vários jcarrousel na mesma pagina.

05-02-2013 09:24

Se o script é baseado pela class, você pode usar duas

$carrousel(".anyClass, .anyClass2").jCarouselLite({ ....

Ou iniciar 2 functions

// para o primeiro $carrousel(".anyClass").jCarouselLite({ }); // para o segundo $carrousel(".anyClass").jCarouselLite({ });

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 21
Sexo: Masculino

Vários jcarrousel na mesma pagina.

10-02-2013 11:01

infelizmente nenhum funciono.

ainda continuo com esse problema.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17670
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Vários jcarrousel na mesma pagina.

10-02-2013 11:08

Só estudando o script para ver a possibilidade.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 21
Sexo: Masculino

Vários jcarrousel na mesma pagina.

11-02-2013 12:24

amigo to passando pra esclarecer, os codigos que vc menciono funcionam perfeitamente, então pode ser usado varios jcarrousel na mesma página so que comigu nao funciono pois estava usando dentro do ui-tabs,

hj eu fui tentar por o script do carrosel na frente do script das tabs e entao funciono.

kkkk quebrei tanto a cabeça por uma besterinha nem to acreditando kkk


no casso eu deixei assim

<script> var $jcarrousel = jQuery.noConflict(); $jcarrousel(function() { $jcarrousel("#anyClass").jCarouselLite({ btnNext: ".next", btnPrev: ".prev", auto: 800, speed: 1000, visible: 4 }); $jcarrousel("#anyClass2").jCarouselLite({ btnNext: ".next2", btnPrev: ".prev2", auto: 800, speed: 2000, visible: 4 }); $jcarrousel("#anyClass3").jCarouselLite({ btnNext: ".next3", btnPrev: ".prev3", auto: 800, speed: 2000, visible: 3 }); }); </script> <script> var $tabs = jQuery.noConflict(); $tabs(function() { $tabs( ".tabs , .tabs2, .tabs3, .tabs4" ).tabs(); }); </script>

e funcioono, obrigado pela ajuda.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17670
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Vários jcarrousel na mesma pagina.

11-02-2013 12:55

Boa.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

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