Alterar imagem na view

{parts/gtag_head.html} {parts/gtag_body.html}

Alterar imagem na view Olá bom dia ! Sou novo com o ADIANTI, tenho uma imagem /64 que pego do banco, ela já está aparecendo na view, queria quando passar o mouse por ela aumentasse a imagem, sei que a dúvida é besteira, mais não consegui solucionar o problema. Se fosse o caso poderia até linkar quando clicar e gerar a imagem maior, ou passando o mouse por ela ficando maior tipo um zoom. $label67 = new...

Durval Junior 20/08/2019 (há 7 anos)

Olá bom dia !
Sou novo com o ADIANTI, tenho uma imagem /64 que pego do banco, ela já está aparecendo na view,
queria quando passar o mouse por ela aumentasse a imagem, sei que a dúvida é besteira, mais não consegui solucionar o problema.
Se fosse o caso poderia até linkar quando clicar e gerar a imagem maior, ou passando o mouse por ela ficando maior tipo um zoom.

$label67 = new TLabel('TRAZEIRA VEÍCULO:', '#333333', '12px', 'B');
$image15 = new TImage('');

$image15->src= 'data:image/png;base64, ' . $inspection->back34pic ;
$image15->style = "width:250px;height:250px ";

$row18 = $this->form->addFields([$label67],[$image15]);

Curso Dominando o Adianti Framework

O material mais completo de treinamento do Framework.
Curso em vídeo aulas + Livro completo + Códigos fontes do projeto ERPHouse.
Conteúdo Atualizado!

Dominando o Adianti Framework Quero me inscrever agora!

Comentários (2)

Luis Alberto 21/08/2019 (há 7 anos)

1. Crie um ...applibcustomcsscustom.css

2.Cole este codigo:

 <?php
.zoom {overflow: hidden;}
.zoom img {
    max-width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.zoom:hover img {
    -moz-transform: scale(3.1);
    -webkit-transform: scale(3.1);
    transform: scale(3.1);
}
?>

3. Adicione no ...apptemplatestheme...libraries.html

 <?php
<link href="app/lib/custom/css/custom.css" rel="stylesheet" type="text/css" media="screen" />
?>

4. Teste no seu Form:

 <?php
        $image = new TImage("app\images\photos\user.jpg");
        $image->width = '100px';
        $image->height = '120px';
        $image->style = '';
        $div_image = new TElement('div');
        $div_image->class = 'zoom';
        $div_image->add($image);
/* Add fields */
$this->form->addFields([], [], [new TLabel('Trazeira:')], [$div_image]);
?>

Durval Junior - AUTOR DO POST 21/08/2019 (há 7 anos)

Luis Alberto, muito obrigado, deu certinho aqui, só tive que fazer alguns ajustes mais ficou blz.

Novo Comentário

Vamos comemorar juntos o seu mês. Aproveite condições especiais.

Curso Dominando o Adianti Framework

Comentários (2)

Vamos comemorar juntos o seu mês.
Aproveite condições especiais.