Alterar imagem na view

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á 4 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 completo Meu Negócio Pronto

Use para si, ou transforme em um negócio: Inclui aulas e códigos-fontes
Gestor de conteúdo (SITE) + Loja Virtual (E-Commerce) + Emissor de Notas para infoprodutos

Meu negócio pronto Quero me inscrever agora!

Comentários (2)

Luis Alberto 21/08/2019 (há 4 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á 4 anos)

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

Novo Comentário