Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. COHi, thanks for your reply. I've tried making the adjustments you suggested- I've added in the parts of the CSS that I didn't have, and have put the JS from the fiddle in at the end of the script in the <head></head> section of my page, but for some reason, I still just have the first element from the 'tips' array being displayed underneath the canvas straight away when the page loads (i.e. before any user interaction). When I do click on an image, this text is not updated. I see that in the fiddle you've written, you are using the image 'alt' tags to store the text that you want to display...
      singulars
    2. COI can't do this, as I am using the 'alt' tags to say which group each image belongs to. (Later, I will want the user to drag each image to a 'description area', and the image should disappear from the canvas when dragged to the correct one. I am using the 'alt' tag to state which description area each image belongs to.) So, I am using an array, called 'tips' to store the text that I want to display. Each element in the 'tips' array corresponds to the image at the same position in the 'images' array, so what I want to do is: depending on the position of the selected image in the images array,
      singulars
    3. COthe elements of the tips array that is at the same position should be displayed in the <p> tags outside the canvas. Does this make sense? Do you know how I could do this?
      singulars
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload