Pular para o conteúdo

Imagem com zoom

Nome técnico: getquick/image-zoom

Use este bloco quando uma imagem editorial precisa de ampliação para mostrar detalhes.

Bloco Nomia

Imagem com zoom

Exemplo visual aproximado do bloco como aparece no frontend Nomia.

  • Escolha uma imagem com resolução suficiente para ampliação.
  • Preencha um texto alternativo que descreva a informação relevante.
  • Use a legenda para acrescentar contexto ou indicar a fonte.
  • imageId
  • imageSrc
  • imageAlt
  • caption
{
"schemaVersion": 1,
"blockId": "image-zoom",
"imageSrc": "/images/exemplo.jpg",
"imageAlt": "Descrição da imagem",
"caption": "Fonte da imagem"
}
  • Teste a ampliação com rato, teclado e toque.
  • Confirme a qualidade da imagem, o texto alternativo e a legenda.