Ir para conteúdo
Fórum Script Brasil

Pesquisar na Comunidade

Mostrando resultados para as tags ''css; javascript''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Fóruns

  • Programação & Desenvolvimento
    • ASP
    • PHP
    • .NET
    • Java
    • C, C++
    • Delphi, Kylix
    • Lógica de Programação
    • Mobile
    • Visual Basic
    • Outras Linguagens de Programação
  • WEB
    • HTML, XHTML, CSS
    • Ajax, JavaScript, XML, DOM
    • Editores
  • Arte & Design
    • Corel Draw
    • Fireworks
    • Flash & ActionScript
    • Photoshop
    • Outros Programas de Arte e Design
  • Sistemas Operacionais
    • Microsoft Windows
    • GNU/Linux
    • Outros Sistemas Operacionais
  • Softwares, Hardwares e Redes
    • Microsoft Office
    • Softwares Livres
    • Outros Softwares
    • Hardware
    • Redes
  • Banco de Dados
    • Access
    • MySQL
    • PostgreSQL
    • SQL Server
    • Demais Bancos
  • Segurança e Malwares
    • Segurança
    • Remoção De Malwares
  • Empregos
    • Vagas Efetivas
    • Vagas para Estágios
    • Oportunidades para Freelances
  • Negócios & Oportunidades
    • Classificados & Serviços
    • Eventos
  • Geral
    • Avaliações de Trabalhos
    • Links
    • Outros Assuntos
    • Entretenimento
  • Script Brasil
    • Novidades e Anúncios Script Brasil
    • Mercado Livre / Mercado Sócios
    • Sugestões e Críticas
    • Apresentações

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests

Encontrado 1 registro

  1. Pessoal, erro não está dando. Porém, o keyframe não está sendo populado. Onde estou errando? Tentei das duas formas abaixo e nenhuma funcionou. $(document).ready(function(e) { $("div.slider ul.slide").ready(function(e) { var tempoTransicao = 5; var quantasImagens = $("div.slider ul.slide li img").size(); var tamanhoIntervalos = Math.round(100/quantasImagens); var tempoImagens = 0; var t = 0; ///////////////////ANIMAÇÃO AQUI//////////////// $("<style>@keyframe tocaSlide").css(function() { for (i = 1; i <= quantasImagens; i++) { tMin = t + tempoTransicao; tMax = t + tamanhoIntervalos; t+=tamanhoIntervalos; tMin + "% : margin-left:-" + tempoImagens + "%", tMax + "% : margin-left:-" + tempoImagens + "%" tempoImagens+=100; if(i==0) tMin=0; if(i==quantasImagens) tMax=100; } }); ///////////////////ANIMAÇÃO AQUI//////////////// $("div.slider ul.slide").css({ 'animation-duration' : tempoTransicao + 's', }); }); }); e, $(document).ready(function(e) { $("div.slider ul.slide").ready(function(e) { var tempoTransicao = 5; var quantasImagens = $("div.slider ul.slide li img").size(); var tamanhoIntervalos = Math.round(100/quantasImagens); var tempoImagens = 0; var t = 0; for (i = 1; i <= quantasImagens; i++) { tMin = t + tempoTransicao; tMax = t + tamanhoIntervalos; t+=tamanhoIntervalos; ///////////////////ANIMAÇÃO AQUI//////////////// $("<style>@keyframe tocaSlide").css( tMin + "% : margin-left:-" + tempoImagens + "%", tMax + "% : margin-left:-" + tempoImagens + "%" ); ///////////////////ANIMAÇÃO AQUI//////////////// tempoImagens+=100; if(i==0) tMin=0; if(i==quantasImagens) tMax=100; } $("div.slider ul.slide").css({ 'animation-duration' : tempoTransicao + 's', }); }); }); Onde estou errando? Eis o HTML: <div class="slider"> <ul class="slide"> <li><img src="_imgs/_slideShow/1.png" /></li> <li><img src="_imgs/_slideShow/2.png" /></li> <li><img src="_imgs/_slideShow/3.png" /></li> <li><img src="_imgs/_slideShow/4.png" /></li> </ul> </div>
×
×
  • Criar Novo...