[Resolvido] Jcaroussel com 2 linhas

[NetBoy16 72]

Fala pessoal, bom dia, eae como foram as festas de fim de ano ? espero que bem :natalbiggrin:

 

Entao, estou tentando fazer um jcaroussel pra mostrar fotos da estrutura da empresa pra qual estou criando um site, já consegui implementa e ta funcionando quase 100%, soh tenho duas duvidas, a primeira é que precisava que ele tivesse das linhas, vi a documentacao e lá mostra um exemplo usando mais de um jquery ao mesmo tempo, mas sao 2 jcaroussel trabalhando separados, no meu caso oque eu preciso é que quando eu clicasse na flechinha, fizesse a paginacao das 2 linhas, alguém sabe como posso fazer isso ?

 

Outra coisa é, se você ver o site e for clicando na flechinha, quando chega no final, ainda fica habilitado, dai se clica na flechinha vai mais um pouquinho pro lado e o mesmo acontece pra voltar, alguem sabe pq acontece isso ?

[William Bruno 1501]

fizesse a paginacao das 2 linhas, alguém sabe como posso fazer isso ?

com css amigo.

você vai definir isso com o teu css.

 

 

 

fdai se clica na flechinha vai mais um pouquinho pro lado e o mesmo acontece pra voltar, alguem sabe pq acontece isso ?

pq a largura do objeto está incorreta.

Calcule de novo a largura total do objeto para caber todas as fotos somando com o espaçamento entre elas.

[NetBoy16 72]

com css amigo.

você vai definir isso com o teu css.

 

Mas como vou fazer no css ?

[William Bruno 1501]

pensei no seguinte:

 

   <li><a href=""><img src="images/teste/1.jpg" alt="1" /></a>
  <a href=""><img src="images/teste/2.jpg" alt="2" /></a></li>

  <li><a href=""><img src="images/teste/3.jpg" alt="3" /></a>
  <a href=""><img src="images/teste/4.jpg" alt="4" /></a></li>

entendeu ?

 

2 imagens por LI.

Ai você formata com css, para o container caber as 2 em altura.

[NetBoy16 72]

hmm, boa ideia, tinha pensado em fazer uma ul pra cada linha mas n deu certo, mas essa n tinha pensado, vou testar lah, quanto a largura, o clip-horizontal(que é a id do container das fotos) tava com largura automatica, dai peguei a largura da foto multipliquei por 4 e o resultado implementei na largura no lugar do auto.

[William Bruno 1501]

dai peguei a largura da foto multipliquei por 4 e o resultado implementei na largura no lugar do auto.

e faltou você somar a largura das margens.

[NetBoy16 72]

mas nao ta margin 0 ? pelo menos a ultima vez que euu vi tava.

[William Bruno 1501]

usando o firebug:

 

element.style {
   float: left;
   list-style: none outside none;
}
.jcarousel-skin-ie7 .jcarousel-item-horizontal {
   margin-left: 0;
   margin-right: 7px;
}
skin.css (linha 49)
.jcarousel-skin-ie7 .jcarousel-item {
   border: 1px solid #FFFFFF;
   height: 75px;
   width: 75px;
}

[NetBoy16 72]

me de um help, to tentando fazer oque você me falou, mas a ul soh aumenta a largura e altura nao, e a largura aumenta bem mais doque eu coloquei na folha de estilos, verifiquei se tinha estilizacao inline por essa ter mais prioridade, mas tb nao tem estilizacao inline.

 

Nao sei oque pode ser, pode me ajudar ?

[NetBoy16 72]

agora parece que ficou tudo certo, de uma olhada se você puder, vlw pela ajuda, agora vou embora que ja deu meu expediente :natalbiggrin: amnha eu finalizo, vlw, flw

[NetBoy16 72]

oi, bom dia, no caroussel da midia ele ta dand aquele probleminha de ir um pouquinho pro lado, mas eu multipliquei a largura da img por 3, somei 7 que eh da margem e coloquei o resultado na largura do container, mas continua dando o problema, você pode me ajudar?

[William Bruno 1501]

você fez a conta errada.

 

cada LI tem 7px de margem, então você deve somar com 3*7

 

( 91 + 7 ) * 3

 

 

entendeu ?

[NetBoy16 72]

edit:ja consegui arrumar, soh tinha somado a margen do css, mas sao 3 imgs, assim 7x3.

 

edit2:nossa, respondeu rapido hein :nataltongue: sim, havia feito a conta errado, fui pela medida css da margem, assim como multiplico por 3 a largura da imagem, o mesmo tenho que fazer com a largura da margem, vlw :natalbiggrin:

 

você podia dar uma ultima olhada no layout? eh pq troquei os position por float:left e clear:both n rodape, mas o rodape continua longe do rodape.

[William Bruno 1501]

retire os positions do rodapé também. Faça aquelas colunas com float.

 

E faça o básico, valide o html:

http://validator.w3.org/check?

 

 

denovo.. tem duplicação de DOCTYPE, head...

básico cara !!!

[NetBoy16 72]

beleza, vou ver isso, vlw :natallaugh:

 

olha como ficou o layout, agora soh falta posicionar os itens do rodape, faz mal usar margin left e top pra isso ?

 

eu testei no firebug e se eu faco margin-top:30px por exemplo, ele volta a criar um espaco embaixo do rodape, mas eu preciso colocar aqueles links em dourado na parte preta e acredito que com float nao conseguirei esse resultado, como eu faco ?

[William Bruno 1501]

tira aquele monte de BR !!!! ahgr !!!

http://wbruno.com.br/blog/2011/10/04/semantica-da-tag-br/

 

 

 

deixe assim:

#conteudorodape {
   clear: both;
}

[NetBoy16 72]

aashdsuhdsahauh

 

eu soh tava usando br pra testar :nataltongue:

 

ta quase, usei o que você disse, agora soh preciso mandar um pouco mais pra baixo, alinhar o spa e deixar o estrutura como tava antes, com setas e tal, se você puder me ajudar...

[William Bruno 1501]

termina de validar o html e css e me avisa.