Hotspot Embedded Image Resizing

Submitted by Chrissuli on Fri, 06/02/2017 - 16:10
Forums: 
Content creation

Hi,

WHilst creating images within the Hotspot module, I was able to reorientate or even crop an image, but, could not find any way to resize the image. I have been trying to embed icons as a way of affirming the hotspot selection with the same icon in the pop-up window.

It seemed that no matter what the original picture or icon image size, it was expand or shrunk to the same size. This both distorts the image, ruins its focus makes the use of smaller images and icons impossible.

Questions:

  1. Is resizing possible or are their any workarounds such as pre-editing the size of the image to be uploaded?
  2. Would it also be possible to embed links into the same image for linking to complimentary content? 

Kr,

Chris

Chrissuli

Fri, 06/02/2017 - 16:20

Hi,

Where and how does the H5P content once created get stored and referenced?

Drupal is moving towards Entity oriented structure to facilitate content referencing at that level for content reusability. I would need to be able to do the same with the H5P content I have created. Opigno LMS in Drupal does give a list of so-called 'questions' or slides that can be reused in various lessons and courses if it has been associated with that group, however it is not yet clear to me if those slides constitute an entity that can be referenced elsewhere within a Drupal site. This would be highly useful, for example, when building up collaborative workspaces and content libraries outside of the Opigno LMS structure.

Is it possible to reference the H5P content in this way, and if so how?

Kr,

Chris

icc's picture

icc

Tue, 06/06/2017 - 11:01

I guess the only way you could achieve different sizes is through CSS changes.

I don't believe you can embed links into the images, unfortunately.

If you're using Drupal 7 the content gets stored per node basis. So, you would have to reference the node entity with the content. 
However, in Drupal 8, the content will be a separate entity so that you may include/reference multiple H5Ps into the same node.