Jump to content

Search the Community

Showing results for tags 'attr'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 2 results

  1. E aí pessoal! Eu tô desenvolvendo um modelo de portfólio fotográfico, por razões de aprendizado mesmo, mas travei em um momento e passei o dia pesquisando como fazer isso. Basicamente, é uma espiral áurea de imagens que trocam de lugar, dando a impressão de infinidade. Se você clicar na maior, ela fica em tela cheia; Clicando nas outras, todas as imagens se movem ao quadrado seguinte. Até agora há pouco, eu estava fazendo isso mudando a posição de cada div onde a imagem fica, por meio de addClass() e removeClass(). Só que assim tava muito difícil imaginar como eu alcançaria o efeito de infinidade das imagens, já que apenas seis imagens aparecem de cada vez, então são seis DIVs se movimentando a cada clique - isso se complicaria quando eu tentasse colocar muitas imagens a serem disponibilizadas na página. Mas hoje eu tentei outro método: agora são 6 divs com uma imagem dentro cada um, mas não é a posição deles que mudará, e sim o atributo src="" da tag <img/>. Pra isso, usei attr(). Então cada src altera de valor em fila, cada vez que eu clico no gatilho. Só que mudar o src vai além de CSS, então eu não posso usar transition como antes. Agora o máximo que eu posso fazer é um crossfade entre as imagens. Só que o fadeOut() e fadeIn() também não funcionam! Tecnicamente, funcionam, mas não visualmente. Pra consertar isso eu já tentei delay(), stop(), finish(), promise(), toggleClass() entre outros jeitos. Bom, já falei demais, vocês podem ver a página funcionando no CodePen: https://codepen.io/dehciappina/pen/yjWOdM Nesse código eu usei toggleClass, pois foi o único jeito que consegui ver um fade de verdade. Mas, obviamente, não funciona, já que o toggle se aplica à mesma tag <img/> e ou faz ela desaparecer completamente com um clique, ou eu uso dois toggle e eles se anulam quando a função é chamada. Bom, é isso, espero ter me explicado o suficiente. Obrigado!!!
  2. lucashenrique175

    JQUERY ATTR

    Sei muito pouco sobre jquery e estou fazendo uns testes para mudar o nome da classe de um elemento html. Essa classe gera uma setinha para baixo por si própria. Ela é uma classe do font awesome. Ao clicar eu até consegui fazer a seta mudar para cima com o ATTR do jquery, mas não estou conseguindo fazer a seta voltar ao normal ao clicar novamente. Abaixo segue o código: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title></title> <script src="jquery.min.js"></script> <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"> <script> $(document).ready(function(){ $(".clicar").click(function(){ $(".seta").attr('class', 'fa fa-sort-asc'); }); }); $(document).ready(function(){ $(".clicar").click(function(){ $(".seta").attr('class', 'fa fa-sort-desc'); }); }); </script> </head> <body> <h4 class="clicar"> clicar <i class="fa fa-sort-desc seta"></i> </h4> </body> </html>
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.