[Resolvido] Problema ao aplicar carousel

[grupoblend 0]

Olá Pessoal,

 

to precisando de uma ajuda MUITOOO urgente mesmoooo ..

 

ja estou a um tempo desenvolvendo um site, e gostaria de acrescentar o plugin carousel do jquery.

 

Eu consegui fazer certinho, configurar com as fotos que preciso e tudo, pretendo colocar no site abrindo em lightbox.

 

O problema é que quando eu copio o código e colo na div do layout do site, não fica certo.

 

O fundo do site fica todo cinza, mesmo mudando o background de qualquer div, continua cinza.

 

As fotos ficam erradas no layout, abrindo uma barra de rolagem giganteeesca, mesmo com a div tendo seu tamanho menor. Mas isso eu acho que consigo consertar.

 

O problema todo mesmo é que o background das tabelas saem.. ficando só o flash da logomarca em cima.

 

Esse é o link do Jcarousel que criei: http://www.canalin.com.br/teste

 

Esse é o link de como é o layout: http://www.canalin.com.br/teste/home.htm

 

E esse é o link do layout depois que aplico o código do carousel: http://www.canalin.com.br/teste/home2.htm

 

 

 

Gostaria muuuito que alguem me ajudasse nisso ai..

 

abração !

[ed_web_developer 0]

*Olhei o código do seu site e tenho algumas sugestões para solucionar teu problema:

 

*Seu código onde chama o carrossel está assim:

<script type="text/javascript">

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        visible: 4
    });
});

</script>

</style>

<script type="text/javascript">

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        scroll: 4
    });
});

</script>

*Você está chamando duas vezes, está errado, deve ficar assim:

<script type="text/javascript">

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        visible: 4,scroll: 4
    });
});

</script>

</style>

* O carrossel está ficando grande porque voce colocou ele dentro de uma tabela...

a largura dele você colocou 100%...

 

* você deve colocar assim:

.jcarousel-skin-tango .jcarousel-container {
	border:none;
	width: 570px;
	height: 225px;
}

* e ainda tem outro problema, a largura do item da lista, você deve ter deixado uma padrão...

 

* deve ficar aproximadamete (de acordo com a largura das fotos) assim:

.jcarousel-skin-tango .jcarousel-item {
    width: 200px;
    height: 200px;

}

[grupoblend 0]

Olá,

 

em relação a chamar o carousel 2 vezes... eu repeti esse script pra poder funcionar o scroll passando 4 fotos.

 

Quando eu ponho o scroll junto ao visibile .. o código da erro.

 

Em relação a largura e altura da div, valeeu pela ajuda. Vou mudar.

 

Mas mesmo tirando o script que ta repetido, ele continua com erro =\

 

Pronto. Consegui colocar o scroll junto ao visible e funcionar.

 

Vou consertar os erros de altura e largura e colocar no ar pra ver qual problema pode ser.

 

obrigado desde já

 

Ai.. ajustei o problema de largura e altura.. mas o fundo ainda continua cinza.. se puder, da uma olhada no código pra ver se tem algo errado nele.

 

http://www.canalin.com.br/teste/home2.htm

 

Valeeeeeeeeeeuu !

[ed_web_developer 0]

você colocou o fundo e as bordas cinza...

procure o seguinte código no css do carrossel:

 

background-color: rgb(90, 90, 90);

border-bottom-color: rgb(90, 90, 90);

 

e altere para a cor desejada...

[grupoblend 0]

Valeuuu caraaaa .. achei onde tava o background e consegui tirar..

 

brigadão aee galeraaaa ..valeuuu mesmo !!