Image Hotspots Missing Background Image

Submitted by lodestone on Sun, 12/30/2018 - 09:32
Forums: 
Content creation

Hello,

The background image for an Image Hotspots content type is not showing, either in the editor or for the learner. (Please see attached screen shot.)

I've tried resizing and changing from .jpg to .png to no avail. I even deleted the content and started over. I also updated my Moodle from 3.2.2 to 3.6.1 then updated Image Hotspots. The updates didn't help either.

Does anyone have any suggestions?

Thank you,

--Allen

.

Attachments: 
Image icon H5P_ImageHotspot.PNG
BV52's picture

BV52

Mon, 12/31/2018 - 03:31

Hi Allen,

  1. Have you tried the same image in H5P.org?
  2. Has this worked before?
  3. Is this the only content that uses an image that is having a problem?
  4. Any browser console errors
  5. Any PHP errors

-BV52

lodestone

Sun, 01/27/2019 - 08:58

Hello,

Thanks for your response. Sorry for the protracted delay.

To answer your questions:

1. Yes. It does not happen on h5p.org.
2. First time I've tried images in H5P.
3. It also affects other H5P interaction images.
4. The FF inspector showed a potential problem--see included image. It says it could not load image. However, the image was uploaded to WP; I copied and pasted the URL in a separate window and the image appeared.
5. I'm not good w/ PHP so I don't know.

Inspector Results

Thanks for your help,

--Allen

.

icc's picture

icc

Thu, 04/04/2019 - 16:01

Does the Console or Network tab highlight anything in red? 

It looks like it might be some sort of permission/security issue.

lodestone

Sat, 04/06/2019 - 00:36

Hello,

Thanks for your response.

In the Network tab I get a 403 error on an image called image-5c4e1ecbce919.png.  When I go to the URL it is the picture I put in there but I can't find the pic file itself to change its permissions as the URL goes through a php file: pluginfile.php/38/mod_hvp/content/5/images/image-5c4e1ecbce919.png.

Any suggestions?

Thanks,

--Allen

.

icc's picture

icc

Mon, 04/08/2019 - 11:42

Ah, I see. The request will go through the hvp_pluginfile() function. You should check to make sure the user/role has the mod/hvp:view permission. You can do this through /admin/tool/capability/index.php.
Also, the context part of the URL has to be a module the user has access to.

jmaro197

Mon, 10/25/2021 - 17:50

Hello, I am having the exact same problem as lodestone was having. I tried to follow the instructions that you gave to lodestone but I don't see some of the folder/file structures you identified, i.e./admin/tool/capability/index.php. I don't see that.

Weird things is, hotspot images were displaying fine when editing. Not sure what has changed. 

Thank you.

Attachments: 
Image icon ImageHotspotsBackgroundImageMissing.png

jmaro197

Thu, 10/28/2021 - 00:26

I am using Image Hotspots with Learndash. I don't have this problem when using Firefox. I have this problem with Chrome and Safari.

Thank you.