# data[].attributes.attachment_link.readable_text
Interactive Images? Turn A Plain Picture Into Something Great

Hi! It's great to have you here, as always. Today we're going to show you how to turn a simple picture into an interactive image.

We already know that an image is worth a thousand words, but sometimes we have to deal with pictures full of text or, on some occasions, with too little text. Here at we'd like to suggest something in between: an image worth a thousand words along with some information that's both interesting and attractive.

So, what do we need to do to create our own interactive image? First, we need to insert an image in Genially. One easy way is to upload an image as a background (select the " Background" tab, choose "Upload an image" and then after selecting your image from your computer, "Use this image as your background"). Then, add as many pins as you want or need using the " Interactivity" tab where you can find to click and drag where you want. There are pins for all sorts of styles and needs, so look through the different options to find the ones that go best with your image. You can add all sorts of info to your pins, including: video, pictures, links to other web pages, GIFs, social media timelines, and almost anything else you can think of. Finally, we can add some animation and interactivity effects to capture the attention and interest of our audience.

What we're going to show you in a few seconds is a couple of examples that could be inspirational whenever you decide to create your own interactive image. These kinds of images where pins, windows, and tooltips allow users to discover information for themselves can be used for education, business, communication, design, advertising or anything else that you want. You'll get results as amazing as these:

Informative Poster

Generate informative or explanatory contents with this option. Let the image tell the story, or highlight some curiosity or detail of it.

Educational Poster

This is one of the best ways to learn something, because you're memorizing information while looking for it and creating the image. And once you're done, it's an amazing method to study because you'll have to remember the graphic contents.

Interactive Advertisement

You can use it to draw attention to a product, and you can also link it to the actual site where it can be bought.

If you want to do that, you can use an external tool called embed.ly. The only thing you need to do is to introduce the link to Amazon (for example, because it allows this kind of embedding), click in "embed" and copy the code. Then paste the code in the HTML section in and save everything.

Publicity Poster

A single picture and one great sentence are enough to create a convincing advertising poster.

Eye-capturing Image

We can't know everything, but we can always keep learning new things. So, why not creating a poster to learn something different?

Interactive Catalogue

And last but not least, you can also create your own interactive catalogue with a brief description in the tag as a plus. You can include information about each article of clothing like where to buy it and the kind of fabric it's made of.

Give it a try, and be ready to get awesome results with your interactive images!

Don't forget to share this article so that everybody can feel like a genius!

See you soon!

# data[].attributes.attachment_link.title
Interactive Images? Turn A Plain Picture Into Something Great - Do it genially

# data[].attributes.attachment_link.description
Interactive Images? Turn A Plain Picture Into Something Great Hi! It's great to have you here, as always. Today we're going to show you how to turn a simple picture into an interactive image. We already know that an image is worth a thousand words, but sometimes we have to deal with pictures full of text or, on some occasions, with too little text.

# data[].attributes.attachment_link.readable_text
Les oiseaux s'invitent chez nous!

Les oiseaux s'invitent chez nous!﻿

+ INFO

Les élèves du primaire participent au projet éco-citoyen

http://s1download-universal-soundbank.com/mp3/sounds/2374.mp3

WRITE AN AWESOME TITLE HERE

+ INFO

# data[].attributes.attachment_link.title
le retour de soi by AtelierCanope70 on Genially

# data[].attributes.attachment_link.description
Les oiseaux s'invitent chez nous! Les oiseaux s'invitent chez nous!﻿ + INFO Les élèves du primaire participent au projet éco-citoyen http://s1download-universal-soundbank.com/mp3/sounds/2374.mp3 WRITE AN AWESOME TITLE HERE + INFO

# data[].attributes.attachment_link.title
Claire - Isa by contact.atelier70 on Genially

# data[].attributes.attachment_link.title
Wake up ! by contact.atelier70 on Genially

# data[].attributes.attachment_link.description
Discover more about GGCC ✌️ - Personalized

# data[].attributes.attachment_link.readable_text
https://youtu.be/lgt8iXr1EQA

Z

https://www.francetvinfo.fr/economie/medias/semaine-de-la-presse-a-l-ecole-il-faut-que-les-journalistes-se-renseignent-plus-sur-l-information_2662918.html Semaine de la presse à l'école : "Il faut que les journalistes se renseignent plus sur l'information" Pour la semaine de la presse à l'école, franceinfo donne la parole aux élèves du club radio du collège Gabriel Havez de Creil (Oise). Toutes les semaines, ils s'interrogent sur l'information et assurent trois heures d'antenne sur Canal Havez, leur web radio. Franceinfo

Informe-toi

Quoi de 9?

A vos journaux!

Dale tanta luz a tu vida como mosquitos hay alrededor de una bombilla

# data[].attributes.attachment_link.title
semaine de la presse by AtelierCanope70 on Genially

# data[].attributes.attachment_link.description
https://youtu.be/lgt8iXr1EQA Z https://www.francetvinfo.fr/economie/medias/semaine-de-la-presse-a-l-ecole-il-faut-que-les-journalistes-se-renseignent-plus-sur-l-information_2662918.html Semaine de la presse à l'école : "Il faut que les journalistes se renseignent plus sur l'information" Pour la semaine de la presse à l'école, franceinfo donne la parole aux élèves du club radio du collège Gabriel Havez de Creil (Oise).

# data[].attributes.attachment_link.readable_text
TRIVIAL

Histoire

Art & littérature

Film & musique

Sciences

Géographie

Sports

Vivaldi

Qui a composé cette musique?

Rome

Où est-ce?

A quelle date a eu lieu la bataille de Verdun?

7

Combien de tomes compte la saga Harry Potter?

Un animal qui pond des oeufs

Qu'est-ce qu'un ovipare?

Martin Fourcade

Quel est le nom du champion olympique de ce sport?

# data[].attributes.attachment_link.description
TRIVIAL Histoire Art & littérature Film & musique Sciences Géographie Sports Vivaldi Qui a composé cette musique? Rome Où est-ce? A quelle date a eu lieu la bataille de Verdun? 7 Combien de tomes compte la saga Harry Potter? Un animal qui pond des oeufs Qu'est-ce qu'un ovipare?

# data[].attributes.body
Créez un poste grâce au symbole "+" et déposez vos productions en utilisant le lien de partage de votre Genially !

# data[].attributes.attachment_link.title
créativité by AtelierCanope70 on Genially

# data[].attributes.attachment_link.description
Discover more about créativité ✌️ - Personalized

# data[].attributes.attachment_link.title
Image interactive by AtelierCanope70 on Genially

# data[].attributes.attachment_link.description
Discover more about Image interactive ✌️ - Personalized

# data[].attributes.body
Equipe de choc...

# data[].attributes.attachment_link.title
Image interactive by AtelierCanope70 on Genially

# data[].attributes.attachment_link.description
Discover more about Image interactive ✌️ - Personalized

# data[].attributes.attachment_link.title
Image interactive by AtelierCanope70 on Genially

# data[].attributes.attachment_link.description
Discover more about Image interactive ✌️ - Personalized

# data[].attributes.attachment_link.title
Image interactive by AtelierCanope70 on Genially

# data[].attributes.attachment_link.description
Discover more about Image interactive ✌️ - Personalized

# data[].attributes.attachment_link.title
Image interactive by AtelierCanope70 on Genially

# data[].attributes.attachment_link.description
Discover more about Image interactive ✌️ - Personalized

# data[].attributes.attachment_link.title
Image interactive by Anne-Cécile Calléjon on Genially

# data[].attributes.attachment_link.description
Discover more about Image interactive ✌️ - Personalized

# data[].attributes.attachment_link.title
Categories Column Template by nolichney on Genially

# data[].attributes.body
Réaliser un jeu pour sa classe

# data[].attributes.attachment_link.readable_text
Learn To Gamify Your Classes Step By Step With This Tutorial

If you're an educator, you're likely already familiar with the term gamification. This method, which has seen a huge boom in popularity, proposes that students learn concepts through games. It's clear that gamification is a technique which presents a lot of advantages in entertaining and motivating students, allowing them to acquire knowledge almost without realizing it. It also helps students develop their social relationships and feel more involved with the learning contents presents thanks to the use of interactivity.

If you're looking to gamify your classes, here is today's practical example that we hope you'll like. It's a game made with Genially where your students can place each animal seen below in the column it belongs to. It's simple and fun. They just have to drag and drop each figure where they think it goes, and once they've finished the exercise, they can take a screenshot and send it via email to the teacher to check.

If you've liked the idea, don't miss out on this tutorial where we tell you step by step how you can make it happen. Keep in mind that this is an example but the idea can be adapted to many different kinds of contents. Let out your creativity, and create an awesome game for your classes!

Let's look at how:

First, we click on 'Create'. The type of creation we choose, in this case, doesn't matter because we're going to create a genially from scratch, and we can change its dimensions. Choose 'Create Genially from scratch'. Once in the Editor, we'll start by changing the dimensions of the genially canvas to 1250 x 1200. To do this, go to 'Settings' (on the toolbar above the Editor) and type in the width and height that you want in the section "Size of Current Page".

Now we'll divide the genially into six sections, the five columns we want plus a rectangle below them where we'll add the animals. First, choose a photo for the background. We've used one we had saved on our computer. Upload your photo to the Editor in the tab 'Images' (found on the left-hand vertical toolbar in the Editor). Once the photo has been uploaded, drag it into view and adjust its size as you like.

In this genially, we've made the columns out of semi-transparent colored rectangles. To do this, go to Resources > Shapes (left toolbar) and drag the square into your genially. There, you can stretch it into a rectangle and copy the shape. Paste it three times so that there are four rectangles in all. Place two rectangles on the right side and two on the left, leaving a gap the size of one rectangle in the middle. Select one rectangle and change its color (upper toolbar). Then, through the option "Ocapity", lower the rectangle's opacity to 20%. Do this with the other three columns. (The example uses the pattern: blue, green, no layer, blue, green.)

Just as we added the last four rectangles, add another one for the part below the columns where the animals will go.

Now we need to title each column. Go to Resources > Shapes and drag the shape we want onto the top of the first column. Copy and paste this shape four times so that there are five in total. As always, you can change the shapes' sizes. Add a title on top of each shape by dragging text from the Text tab on the left toolbar.

Upload photos of animals (using the tab 'Images'). If you don't have photos of your own, look for them online. Search for images with the format PNG with a transparent background. You can upload them just as you uploaded the background, or you can copy each of their URLs into the space "Upload images from internet". Here's one good website for these kinds of images. Change the images' sizes so that they fit within their column.

So that the people who access your genially know what to do, add an info button (Interactivity > Actions), dragging it onto your creation. Select the botton and click on the symbol of the hand that appears (symbolizing interactivity). Then write a short text with the directions in the space provided under the tab "Tooltip" and click Save. Now, when your students pass their mouse over the info button, they'll see the following text:"Drag each animal to its correct column, and send me a screenshot when you're done."

Now we'll block all the elements that we don't want people to be able to move when they access the genially: the background, columns, titles, info button... everything except for the animals. In order to block an element, select it and click on the button with an image of a closed padlock thatyou find on the upper toolbar. Finally, activate "drag mode" by going to 'Settings', so that students will be able to move the animals. To access this mode, you'll need a PRO or higher license . Under Settings, mark the box titled "enable drag your items in view mode".

That's all! Once finished, you can share the creation on your social media sites using the direct or social link/URL. Choose the option that works best for you!

We hope you've liked this tutorial and most importantly, that it's useful for you when you create teaching materials to gamify your classes. We'd love for you to share your creations with us, and as always, that you reach out to us with any questions by commenting on this post or by emailing us at support@genial.ly 😉

# data[].attributes.attachment_link.title
Learn To Gamify Your Classes Step By Step With This Tutorial - Do it genially

# data[].attributes.attachment_link.description
Learn To Gamify Your Classes Step By Step With This Tutorial If you're an educator, you're likely already familiar with the term gamification. This method, which has seen a huge boom in popularity, proposes that students learn concepts through games.

# data[].attributes.attachment_link.title
L'infinitif du verbe by laurent on Genially

# data[].attributes.body
Anglais

# data[].attributes.body
Anglais

# data[].attributes.body
Anglais

# data[].attributes.attachment_link.title
EPI vendée globe by elenakormos on Genially

# data[].attributes.body
Anglais

# data[].attributes.attachment_link.title
Foyer Vesoul Refer 2016-2017 by Anne-Cécile Calléjon on Genially

# data[].attributes.body
Anglais

# data[].attributes.attachment_link.title
Classe 3.0 Druye by erichitier37 on Genially

# data[].attributes.body
Anglais

# data[].attributes.attachment_link.title
Ma classe 2016-2017 by muriel.meillier on Genially

# data[].attributes.body
Anglais