Skip to content

Image Zoomable

Il componente g-image-zoomable contiene la singola immagine, con possiblità di visualizzarla ingrandita al click del relativo pulsante

 <g-image-zoomable
      :image="image"
      :height="cardHeight"
      :width="cardWidth"
    />
 <g-image-zoomable
      :image="image"
      :height="cardHeight"
      :width="cardWidth"
    />

Props

NomeTipoRequiredDefaultDescrizione
imageGBaseImagesiL'immagine che si vuole visualizzare
heightStringno"100px"L'altezza dell'immagine che viene visualizzata (NON INGRANDITA).
widthStringno"100px"La larghezza dell'immagine che viene visualizzata (NON INGRANDITA).
buttonSizeStringno"large"La grandezza del pulsante per aprire il dialog contenente l'immagine ingrandita
isInGalleryBooleannofalseVariabile che identifica se il componente è utilizzato in una galleria di immagini oppure singolarmente
selectedBooleannofalseVariabile che controlla se l'immagine è attualmente selezionata

Eventi

NomeParametriTipoDescrizione
zoomed()voidEvento scatenato quando viene aperto il dialog dell'immagine ingrandita