12 replies to this topic

[Cleber rodrigo]

Olá pessoal, procurei algo do tipo no forum e não achei nada do tipo, talvez não tenha olhado direito, kkkkkkkkk... Enfim estou fazendo uma atualização de um site e como eu nunca mexi com Jquery acredito que até já me sai bem. Meu problema é o seguinte: eu usei o frameworks "cycle" para fazer um painel de noticias com uns efeitos bacanas, ficou legal, só que existe um pequeno probleminha, em todos os navegadores e em especial no Google Chrome, as imagens e os efeitos carregam e funcionam só que fora da DIV, já nos outros navegadores ele acontece o mesmo só que assim que atualizo o browser ele fica OK, e não dá mais erro, só na primeira vez... Eu acho que seja alguma coisa relacionada com a cache (carragamento das imagens), pesquisei e não encotrei nada que resolvesse meu problema... talvez eu não tenha ultilizado a biblioteca "cycle" dá maneira correta, se alguém puder me ajudar ou ao menos me explicar como devo fazer "PLENO" dessa biblioteca eu agradeceria muito...

Em anexo o erro, gostaria de postar o site mais eu não tenho a autorização para fazer isto...

Abraços;

Attached Files

•  erro.GIF   52.43KB   2 downloads

[André Manoel]

Tem algum link para que possamos acessar o código fonte??

[Cleber rodrigo]

Nuam entendi direito mais o link do site é esse: site... Caso seja necessário eu posto aki tbm o código da página....


Ainda sim, muito obrigado pelo interesse demostrado... Abraço.

[André Manoel]

Bem... olha só ... eu vi algo muito errado...

Você tem ali no espaço aonde tem eventos e notícias duas imagens para criar aquele box verde.
Esse box é dividido em dois... e cada um tem uma imagem. A imagem de cima e a imagem de baixo do box.
Como cada uma dessas imagens tem definido uma altura de 40px, o seu box no total tem 80px de altura.
O que passar de 80 px vai ficar de fora do box.

Pelo que eu entendi você quer que o slide fique dentro deste box certo?

Então o que eu te recomendo é o seguinte.
Você pode fazer em vez de dois pedaços.... três pedaços.

Vamos simplificar ... você tem :

- topo box;
- rodapé do box;

Agora você terá:

- topo box;
- meio box;
- rodapé box;

O topo e o rodapé será fixo com uma altura definida.
E o meio será expansivo... você pode colocar as imagens como fundo das divs em vez de colocar as imagens diretamente na página.

Acredito que esta é a melhor forma.

[Cleber rodrigo]

Cara vou até de pedir desculpas por isso, ainda sou iniciante sabe, se naum for muito trabalho e incomodo vc poderia postar mais ou menos como se faz isso???

[Cleber rodrigo]

André, não é querendo ser chato mais tou a semana toda tentando fazer o k vc me mostrou, mais não tou conseguindo, vc não poderia postar só um pequeno exemplo para que eu possa me localizar, é que eu sou um pouco leigo....

Desde já agradeço sua ajuda...

[André Manoel]

Amigão ...

Essa semana eu estou mudando de emprego... e estou muito enrolado.

Mas semana que vem eu posto essa solução...

Abraços!

[Cleber rodrigo]

Amigão ...

Essa semana eu estou mudando de emprego... e estou muito enrolado.

Mas semana que vem eu posto essa solução...

Abraços!

Vlw mesmo André, fico aguandando sua ajuda...

[Cleber rodrigo]

André me ajuda......

[Cleber rodrigo]

André se você puder me explicar como funciona a parte do meio aquela que você "E o meio será expansivo... você pode colocar as imagens como fundo das divs em vez de colocar as imagens diretamente na página.", isso ficou um pouco obscuro, se você puder me explicar, é que eu tenho que apresentar uma solução a esse problema até o fim dessa semana...

Novamente amigo, me desculpe o incomodo...

Abraços...

[André Manoel]

Ainda estou meio enrolado...

Mas é o seguinte...

Vou te mostrar um caminho mais fácil ... sem utilizar imagens...

Existe um plugin do jquery que cria bordas arredondadas em qualquer navegador:

Jquery Corner

Aí você pode criar uma div que vai conter toda a galeria...

Inicialmente você cria uma div qualquer:

<div id = "teste">
</div>

Aí você pode estilizar o css do jeito que você quiser:

#teste{
   background: green;
   display: block;
   width: 300px;
   padding: 20px;
}

Depois você pega esse plugin do jquery e faz o seguinte:

$("#teste").corner();

E o conteúdo da galeria você coloca dentro da div teste.

Após isso você verá que a galeria irá ficar dentro da div sem escapar o conteúdo...

[Cleber rodrigo]

André, vlw mesmo cara, você merece até um beijo... kkkk... deu certinho tive que fazer algumas pequenas mudanças mais sua ajuda caiu como uma luva...

André abraço e se um dia eu puder te ajudar pode contar comigo é só falar... Fico te devendo essa....

Ohh e desculpa pela brinkadeira do beijo.... kkkkk ... só estava brinkando...

Abraços...

[André Manoel]

kkkkkkkkkkkkk

Que isso manoooooo!!!!!!

Nada de beijos!!!


Precisando estamos aeee!

Arrocha!