Collage

Primary tabs

Submitted by icc on Wed, 06/17/2015 - 11:29

A free HTML5 based photo collage content type allowing users to set up multiple photos in a custom layout using only a web browser. Show off your photos in a tasteful way in publishing systems like Canvas, Brightspace, Blackboard, Moodle and WordPress..

2966

Collage

H5P Group

63121

Collage

H5P Group

Would you like to create content like this on your own?

Get started

Register on H5P.com to start creating H5P Interactive content. Your content can be accessed via direct link, embeded, or inserted into any learning management system that supports LTI integration.

And more

Description

The Collage tool allows you to put together beautiful images in a soothing composition. If you want to impress your followers by adding cool image collages to your blog, this is definitely the tool for you!

Choose from 11 layouts and configure:

image pan and zoom
image spacing (inner frame size)
outer frame size
height of the collage

New to H5P? Read the installation guide to get H5P on your own site.

Comments

Richard_elearns

Wed, 10/14/2015 - 12:16

Collage and libraries

The 'Collage' interaction doesn't appear to download with the library for WP installation. How could I get hold of that code?

Thanks

Wed, 10/14/2015 - 12:31

Github doesn't seem to have

Github doesn't seem to have 'H5P' file, for collage, is it still a prototype?

icc

Wed, 10/14/2015 - 13:37

Hi! Yes, currently this is

Hi! Yes, currently this is only a prototype. However, we are finalizing the first version as I'm writing, so it's just around the corner!

Wed, 10/14/2015 - 13:49

fantastic

Great, I look forward to it

Fri, 10/16/2015 - 11:20

I've updated the Collage tool

I've updated the Collage tool with the latest version which will be part of the next release. You can give it a test and give us some feedback if you'd like too.

Mon, 10/19/2015 - 09:33

Thank you. I very much look forward to testing and providing feedback.

Tue, 10/20/2015 - 10:45

Working well

Collage seems to be working really nicely. Thanks

Lukas

Fri, 11/20/2015 - 13:39

Changing the number of rows and cols

Hi,

thanks for the plugin, it works like a charm! Two questions, I would like to add my own numbers of rows and cols in the template section (in my case 7 by 4). After following the code I found the semantics.json file with the values for the templates in it (2-1 or 3-3 e.g). But i guess there is a misunderstanding on my side since changing stuff in this file even if its just the description text does nothing in the editor backend.

Could you point me the right way how to change the number of rows and cols ?

The next step for me would be to make the images clickable so i can link to different subpages within my site, lets see how far I will come with that ^^

Thanks in advance!

falcon

Fri, 11/20/2015 - 17:18

Hi Lukas,

Cool to see that you're doing some coding here :) I don't know anything about the collage content type, but I know that if development mode or development folder isn't on the semantics are stored in the database when the H5P file is uploaded, and after that the database value is used so it won't help changing the file. Hope it helps!

Mon, 11/23/2015 - 18:14

Hi falcon,thanks, your answer

Hi falcon,

thanks, your answer pushed me in the right direction. After enabling the developer mode I was able to start working :)

What i got so far:

I can define the number of rows and cols that I want
I added an overlay container for each image that triggers a little transition (black container over the image)
I added two more buttons in the editor which open a input box, one asking for a url and the other for a title of the image

What I want to do now is to save the values from the input boxes in the content.json file so that i can use them later when generating the html. I added two new fields in the semantics in this form:

{ "name": "href", "label": "href", "type": "string", "format": "url" }, { "name": "title", "label": "title", "type": "string" }

And continued to save the values after input in the same style the paths for the images are saved. But whenever i save my changes i get the error message "H5P internal error: unknown content type "String" in semantics. Removing content!".

Can you give me a hint once more what I could be missing so that i can save the input from the backend in the content.json file ?

Thanks in advance and cheers! Lukas

Tue, 11/24/2015 - 14:51

Sure, glad to help! The datatype you're looking for is probably 'text'. Might be it should have been called 'string' instead, but it is 'text'.

https://h5p.org/semantics#text

Tue, 11/24/2015 - 15:08

Hi falcon,thanks for your

thanks for your help, after reading the documentation i also found the "text" type which solved that issue :).

Im close to finish now, the only thing missing is to save the input from the user into the content.json file which im currently trying to wrap my head arround.

Could you give me a last helping hand where the file gets written out so that i can call that function again so save my inputs or do I have to add my custom fields somewhere other than in the semantics.json file ?

Thanks!

Tue, 11/24/2015 - 16:01

THANKS I DID IT

Hi Falcon,

i just found my mistake and everything is working now. To anyone reading this later on. Add your custom content in the semantics and add it not by using self.content but instead just content.whateverYourContentsNameIs.

Thank you again for your time and the overall great plugin!

Tue, 11/24/2015 - 16:07

:)

alessia.saronni

Sun, 12/18/2016 - 19:12

Natale

ciao

JRDingwall

Thu, 02/23/2017 - 22:36

rights of use and attribution

This tool makes is really simple and fast to create a collage, but I'm wondering why the rights of use button won't appear when I create a collage. When making collages of creative commons licensed work it would be really handy for the attribution information to be packaged with the collage.

Fri, 02/24/2017 - 08:31

This was in the original

This was in the original plans, but unfortunately, there was no time to implement it. I will have a look at it as soon as I get some spare time.
If anyone else has the time and would like to have a go at it I'm totally fine with that.

bioscience

Sat, 02/20/2021 - 22:05

Dear H5P employee, Can you

Dear H5P employee,

Can you already add attribution information to the individual images of a collage?

Kind regards,

Arman

BV52

Mon, 02/22/2021 - 17:19

Hi Arman,I'm afraid not. The

Hi Arman,

I'm afraid not. The last major update to this content type is around 4 years ago.

-BV

Daniel Ibarra

Thu, 11/01/2018 - 14:04

-BV52

Mary May Gzz

Sun, 06/30/2019 - 20:47

tanks

The collage are very beauty

WTurunen

Mon, 12/09/2019 - 13:10

Undocumented xAPI event

Collage triggers an 'consume' event which is not documented on the 'xAPI Coverage' page.

https://github.com/h5p/h5p-collage/blob/4d44392da42df07210c461ab564637f3...

leifi_user

Thu, 02/27/2020 - 11:43

collage textinformation

What i am missing in collage is to make a textinformation, equal the textinformation in agamotto.

Best regards, Ingolf

Thu, 02/27/2020 - 18:21

Hi Ingolf,I suggest that you

Hi Ingolf,

I suggest that you post feature requests or improvement suggestions in the Feature Request forum.

In order for your feature request to attract as much interest as possible make sure it follows the below guidelines:

It is clear from every perspective how the feature will work. We recommend describing the feature with one or more user stories, for instance “As an author, I want it to be possible to pick between different effects for the check answer animation so that the learner will see a variety of effects and also I can adapt the effects to my target audience(I’ll be using pink unicorns which works really well for both my target audience which are 4 year old girls and venture capitalists)”
If the feature can be illustrated with images or videos it always helps
Make it clear what content types this is relevant for, and or if this is a new content type

Make sure you post the feature in the Feature Request forum.

Collage

Primary tabs

Would you like to create content like this on your own?

Description

Comments

Collage and libraries

Github doesn't seem to have

Hi! Yes, currently this is

fantastic

I've updated the Collage tool

Collage

Working well

Changing the number of rows and cols

Hi Lukas,

Hi falcon,thanks, your answer

Hi,

Hi falcon,thanks for your

THANKS I DID IT

:)

Natale

rights of use and attribution

This was in the original

Dear H5P employee, Can you

Hi Arman,I'm afraid not. The

good

happy

Welcome Sarah!If you have any

tanks

Undocumented xAPI event

collage textinformation

Hi Ingolf,I suggest that you

You are here

Collage

Primary tabs

Would you like to create content like this on your own?

Description

Comments