Jump to content
  • ×   Pasted as rich text.   Paste as plain text instead

      Only 75 emoji are allowed.

    ×   Your link has been automatically embedded.   Display as a link instead

    ×   Your previous content has been restored.   Clear editor

    ×   You cannot paste images directly. Upload or insert images from URL.

  • Similar Content

    • By Felipe Garciax
      Ola,
       
      Estou com o seguinte problema, no formulario principal do meu projeto tenho um SplitView e um Image em AlClient com uma imagem em 193 kb, ao abrir e fechar o SplitView em execucao a imagem PISCA, ja usei no OBJECT INSPECTOR o DoubleBuffered em TRUE tanto para o form quanto para o SplitView e o problema persiste, ja fiz o teste no codigo tanto para o EVENTO OnShow e OnCreat:
      DoubleBuffered :=True;  e nenhum resultado... Help Me
    • By alecram28
      Preciso criar um album de fotos que ao clicar na imagem apareça uma descrição, e ao clicar novamente na imagem a descrição desapareça. 
      Consigo fazer aparecer o texto mas não consigo oculta-lo depois de clicar novamente.
      Outra duvida, coloquei a div texto mas a formatação css que coloco nao aparece.
       
      HTML:
        <body> <h1>ÁLBUM DE FOTOS</h1>   <div class="album"> <img src="foto1.jpg" onclick="mostrarTexto('Descriçao1!')" max width="300" max height="300"> </div> <div class="album"> <img src="foto2.jpg" onclick="mostrarTexto('terbrbrb!')" max width="300" max height="300"> </div> <div class="album"> <img src="foto3.jpg" onclick="mostrarTexto('aaaaaaa!')" max width="300" max height="300"> </div> <div class="album"> <img src="foto4.jpg"onclick="mostrarTexto('bbbbbbbb')" max width="300" max height="300"> </div> <div class="album"> <img src="foto5.jpg" onclick="mostrarTexto('cccccccc')" max width="300" max height="300"> </div>   <div class="album"> <img src="foto6.jpg" onclick="mostrarTexto('dddddddd')" max width="300" max height="300"> </div> <div id= "texto"></div> <div class="album"> <img src="foto7.jpg" onclick="mostrarTexto('eeeeeee')" max width="300" max height="300"> </div> <div class="album"> <img src="foto8.jpg" onclick="mostrarTexto('fffffff')" max width="300" max height="300"> </div> <div class="album"> <img src="foto9.jpg" onclick="mostrarTexto('ggggggg')" max width="300" max height="300"> </div>     </body>  
      CSS:
      html { font-family: Arial, Helvetica, sans-serif   }   h1{ font-family: Arial, Helvetica, sans-serif; color: rgb(117, 170, 231); font-size:2rem; text-align: left; }   .album{ float: left; width: 500px; }   .texto{ font-family: Arial, Helvetica, sans-serif; font-size:2rem; color: rgb(92, 192, 92);   }  
      JS:
      function mostrarTexto(msg) { texto.innerHTML= msg;   }
    • By Mauro O
      Prezados preciso de um elemento css com borda como segue o anexo png

    • By Gabarito
      Olá.

      Já procurei bastante, mas ainda não achei um código que possa me adiantar ou dar ideia de como fazer um relógio digital numa contagem regressiva.
      Encontrei uns arquivos GIF que possam ajudar a explicar o desafio:



      Eu já tenho o código que faz a contagem regressiva a partir de uma data dada pelo usuário.
      O que eu teria que fazer agora é associar cada dígito da contagem a uma imagem separada.
      Tentei ajustar imagens GIFs que se adaptassem ao tempo real, mas sempre ocorre um pequeno erro nas frações de segundo que se acumulam e levam a dar uma grande diferença num intervalo de tempo maior.
      Portanto, pretendo criar uma forma de associar cada dígito de cada resultado a uma imagem diferente e fazer a ilusão do movimento de passagem da placa do exemplo acima.

      Quando o meu resultado dá 300 minutos, eu teria que "quebrar" o 300 em "3", "0" e "0".
      Depois, eu teria que associar o "3" a uma imagem que exiba o número 3. E assim por diante.
      A animação eu mesmo faria. Já separei as imagens de cada um dos dígitos do exemplo acima em arquivos diferentes.
      Encontrei uma pequena dificuldade porque a passagem de contagem regressiva é DIFERENTE da passagem de tempo crescente.
      A passagem da imagem 2 para a imagem 1 é diferente do seu inverso.
      A imagem 3 para a 2 também é e assim por diante.
      Por isso, não pude aproveitar as imagens separadas do exemplo dado acima.
      Tive que criar transições do 2 para o 1 no Photoshop.

      Mas esse não é o problema. Isso eu já tenho.
      O problema, e é esse o motivo desse tópico, é associar cada número da contagem em imagens diferentes.
      Para fazer a animação das transições, vou usar um componente TTimer.

      Portanto, o que apresento aos colegas é o desafio de fazer a associação entre número e arquivo de imagem.

      No exemplo que eu dei, vou ter que pegar a centena 3 e associar à imagem "3".
      Mas como saber que é uma centena?
      Eu pensei em testar se o resultado atual é maior do que 100.
       
      Código: If resultado > 100 then begin If resultado - 100 = 1 then image1.Picture.LoadFromFile('arquivo1'); If resultado - 100 = 2 then image1.Picture.LoadFromFile('arquivo2'); ... If resultado - 100 = 9 then image1.Picture.LoadFromFile('arquivo9'); ... If resultado > 1000 then begin If resultado - 1000 = 1 then image1.Picture.LoadFromFile('arquivo1');  


      Mas aí eu começo a me embaralhar.
      E como fazer com as dezenas dentro das centenas?
      Tem que fazer um tratamento meio matemático para testar unidade, dezena, centena, milhar, etc...

      Alguém poderia dar uma mãozinha aqui?

       
      Eu trago aqui a forma como já está funcionando o programinha:



      Esses números todos teriam que passar para placas que rolam no estilo da imagem GIF lá no começo do tópico.
      Os segundos mudam a cada instante, claro, e isso é bem visível.

      As placas teriam que rolar em números decrescentes.
      A parte gráfica, eu acho que já sei como fazer, animação e tudo.
      O tamanho do formulário teria que ser aumentado, claro.

      O nó agora é o código para ligar cada número a um arquivo de imagem diferente.
      Não entendo muito da coisa, mas seria o caso de usar um ImageList?

      A bola está com vocês agora.

      .
    • By kutmania
      Olá, amigos! Estou desenvolvendo uma plataforma de loja virtual onde cada cliente poderá escolher um template diferente para a sua loja. Cada template terá imagens com tamanhos diferentes e o cliente poderá mudar o template quando bem quiser.
       
      Daí preciso de uma solução para as imagens dos produtos, banners etc. Ou seja, não acho viável gerar miniaturas para todos os templates possíveis. Uma solução que pensei foi usar a biblioteca PHP para redimensionar a imagem. Estilo o que este link faz:
       
      https://cdn.awsli.com.br/380x380/230/230436/produto/16603367/5f23799375.jpg
       
      percebam que se eu alterar os parâmetros de 380x380 para 370x370 o tamanho da imagem muda. Isso resolveria o meu problema. Mas estou preocupado com o processamento que isso vai ter do lado do servidor. Pensei na possibilidade de usar algum sistema de caching para fazer esse redimensionamento apenas uma vez. Enfim.. estou sem saber qual a melhor solução para o meu problema e se realmente essa seria uma solução.
       
      alguém teria alguma luz nesse sentido?
       
       
×

Important Information

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