Dodawanie interakcji Przenikające się obrazy (Image Juxtaposition)

Dzięki Image Juxtaposition w ciekawy sposób porównasz (zestawisz) ze sobą dwa obrazy np. mapy historyczne, zdjęcia prezentujące zabytek kiedyś i dziś. Z powodzeniem wykorzystasz to narzędzie na lekcjach historii, ale i nie tylko.

1. Z paska menu znajdującego się po lewej stronie wybierz Zasoby H5P, Dodaj nowy. Pojawi się rozwijana lista narzędzi. Wybierz z niej Image Juxtaposition. Jeśli po wybraniu Image Juxtaposition pojawi się przycisk Instaluj, zrób to, a następnie otwórz Image Juxtaposition. 

2. Wpisz tytuł swojej pracy w polu Tytuł.

3. Jeśli chcesz dodać pierwszą grafikę, kliknij w pole Dodaj na karcie Bez tytułu Image.

Wybierz zdjęcie z Twojego komputera, zatwierdź przyciskiem Otwórz.

Aby ułatwić pracę, stwórz wcześniej folder, w którym zgromadzisz wszystkie grafiki niezbędne do przygotowania ich porównania-zestawienia.

4. Każdą grafikę można edytować oraz opisać. Jeśli chcesz np. obrócić, zmniejszyć albo powiększyć grafikę, wybierz Edytuj obraz.

Jeśli dokonane zmiany, nie przypadną Ci do gustu, kliknij Resetuj do oryginału. Jeśli jesteś zadowolony ze zmian, kliknij Zapisz.

5. Warto dodać informacje na temat wykorzystywanego materiału. Wybierz Metadane.

Tutaj wpisujesz informacje takie jak: tytuł, źródło pochodzenia, wersja licencji. Jest to szczególnie ważne, gdy korzystasz z cyfrowych archiwów. Pamiętaj o zapisaniu dokonanych zmian.

6. Możesz opcjonalnie uzupełnić dodatkowe pola Tekst alternatywny i Tekst w dymku.

7. Aby dodać drugą grafikę, zjedź nieco niżej do pola Bez tytułu Image. Postępuj tak samo, jak w przypadku pierwszej dodawanej grafiki. Kliknij w pole Dodaj. Wybierz zdjęcie z Twojego komputera.

Opcjonalnie edytuj obraz oraz wypełnij pola Tekst alternatywny i Tekst w dymku.

8. Kiedy już dodasz dwie grafiki, określ ich ustawienie – horyzontalne lub wertykalne. Zrób to na karcie Behavioral settings w polu Slider orientation. W polu Slider start position in % możesz określić pozycję suwaka.

9. Jeśli Twoja praca jest gotowa, zapisz materiał, klikając przycisk Utwórz, znajdujący się po prawej stronie.

Zobacz efekt swojej pracy. Przesuń suwakiem w lewo lub w prawo.

10. Jeśli chcesz opublikować ten materiał, skopiuj wygenerowany Kod zasobu (kod skopiuj razem z nawiasami).

A następnie utwórz nowy wpis (Wpisy, Dodaj nowy), w treść którego wkleisz skopiowany Kod zasobu. Pamiętaj, że jeśli nie opublikujesz materiału, nie będzie on widoczny dla użytkowników, a Ty będziesz mieć do niego dostęp wchodząc w Zasoby H5P, Wszystkie Zasoby H5P.