Link: image component

Marks links to image files and links that contain image elements with a class, and marks them as external, causing them to open in a new tab.

Definition

id: link.image
title: 'Link: image'
description: 'Marks links to image files and links that contain image elements with a class, and marks them as external, causing them to open in a new tab.'
class: Drupal\ambientimpact_ux\Plugin\AmbientImpact\Component\LinkImage
provider: ambientimpact_ux

Configuration

MIMETypes:
  - image/jpeg
  - image/png
  - image/gif
  - image/svg+xml
elementTypes:
  - img
  - picture
  - svg
  - canvas
classes:
  imageDestinationLink: ambientimpact-is-image-link
  linkContainsImage: ambientimpact-link-has-image
  linkContainsImageText: ambientimpact-link-has-image__text

Libraries

component.link.image:
  js:
    components/link.image/link.image.js:
      attributes:
        defer: true
  dependencies:
    - ambientimpact_core/component.jquery
    - ambientimpact_ux/component.link.external
    - ambientimpact_ux/component.link.file
    - ambientimpact_core/framework