Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal, estou com um probleminha. Quando carrego minha pagina, o slideshow mostra as 3 imagens, uma em baixo da outra, e dps junta tudo. Isso leva questão de milesimos, talvez até 1 segundo. Mas está me incomodando. O que pode ser? Utilizo Jquery e JCycle
A pagina entra assim:
/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/nkaNV7p.jpg&key=7e6546ab88ae76475a4d8fa69af58463870caaa7a9906ac09e7a5cd7124db945" alt="nkaNV7p.jpg" />
Algum milesimos, ou até 1 segundo dps. Ele "carrega" e fica normal.
/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/00H8k1k.jpg&key=65a6108374e6a97cc3855e25def3c6eb23d55992c35a3a2467b62cfd089dded6" alt="00H8k1k.jpg" />
>
Pq o js demora para executar.
Corrija com css.
Como posso corrigir?
Colocando display: none; para todos os elementos com css, ou limitando a altura e utilizando overflow: hidden;
.. são diversas possibilidades. Retire o javascript e veja como fica com css.
Faça ficar da forma que vc quer, apenas com css.
>
Colocando display: none; para todos os elementos com css, ou limitando a altura e utilizando overflow: hidden;
.. são diversas possibilidades. Retire o javascript e veja como fica com css.
Faça ficar da forma que você quer, apenas com css.
O slideshow está com um width:100%. Este é o problema.
Dai ficaria dificil definir um height.
Então trabalha com o display: none;
De que forma? desta forma apagaria todas as imagens.
Após deixar display none, verifique na documentação do script um callback após carregar as imagens. Aí você pode utilizar um show(), por exemplo, para exibir as imagens após o carregamento completo.
Pq o js demora para executar.
Corrija com css.